@atlaskit/editor-core 203.2.9 → 203.2.10

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-core
 
+## 203.2.10
+
+### Patch Changes
+
+- [#176299](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/176299)
+  [`798c7904ad3ff`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/798c7904ad3ff) -
+  ED-25926 improve placeholder and seperator apperance
+- [#178053](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178053)
+  [`cb318c8c28c26`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cb318c8c28c26) -
+  Internal changes to typography.
+- Updated dependencies
+
 ## 203.2.9
 
 ### Patch Changes

package/dist/cjs/CollapsedEditor/index.js

@@ -9,35 +9,33 @@ exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _ChromeCollapsed = _interopRequireDefault(require("../ui/ChromeCollapsed"));
 var _excluded = ["Editor"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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; })(); }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 var CollapsedEditor = exports.default = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(CollapsedEditor, _React$Component);
-  var _super = _createSuper(CollapsedEditor);
   function CollapsedEditor() {
     var _this;
     (0, _classCallCheck2.default)(this, CollapsedEditor);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _callSuper(this, CollapsedEditor, [].concat(args));
+    (0, _defineProperty2.default)(_this, "state", {
       editorModules: CollapsedEditor.editorModules
     });
     return _this;
   }
-  (0, _createClass2.default)(CollapsedEditor, [{
+  (0, _inherits2.default)(CollapsedEditor, _React$Component);
+  return (0, _createClass2.default)(CollapsedEditor, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (!this.state.editorModules) {
@@ -78,5 +76,4 @@ var CollapsedEditor = exports.default = /*#__PURE__*/function (_React$Component)
       return this.props.renderEditor(Editor, rest);
     }
   }]);
-  return CollapsedEditor;
 }(_react.default.Component);

package/dist/cjs/actions/index.js

@@ -101,7 +101,7 @@ var EditorActions = exports.default = /*#__PURE__*/function () {
       }, _callee);
     })));
   }
-  (0, _createClass2.default)(EditorActions, [{
+  return (0, _createClass2.default)(EditorActions, [{
     key: "_privateGetEditorView",
     value:
     //#region private
@@ -395,5 +395,4 @@ var EditorActions = exports.default = /*#__PURE__*/function () {
       return editorActions;
     }
   }]);
-  return EditorActions;
 }();

package/dist/cjs/create-editor/ErrorBoundary.js

@@ -9,10 +9,9 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _uuid = _interopRequireDefault(require("uuid"));
@@ -22,20 +21,18 @@ var _intlErrorBoundary = require("@atlaskit/editor-common/intl-error-boundary");
 var _monitoring = require("@atlaskit/editor-common/monitoring");
 var _outdatedBrowsers = require("../utils/outdatedBrowsers");
 var _WithEditorView = require("./WithEditorView");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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 ErrorBoundaryWithEditorView = exports.ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ErrorBoundaryWithEditorView, _React$Component);
-  var _super = _createSuper(ErrorBoundaryWithEditorView);
   function ErrorBoundaryWithEditorView(props) {
     var _this;
     (0, _classCallCheck2.default)(this, ErrorBoundaryWithEditorView);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "browserExtensions", undefined);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _callSuper(this, ErrorBoundaryWithEditorView, [props]);
+    (0, _defineProperty2.default)(_this, "browserExtensions", undefined);
+    (0, _defineProperty2.default)(_this, "state", {
       error: undefined
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sendErrorData", /*#__PURE__*/function () {
+    (0, _defineProperty2.default)(_this, "sendErrorData", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(analyticsErrorPayload) {
         var _window;
         var product, error, errorInfo, sharedId, browserInfo, attributes;
@@ -89,7 +86,7 @@ var ErrorBoundaryWithEditorView = exports.ErrorBoundaryWithEditorView = /*#__PUR
         return _ref.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getProductName", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    (0, _defineProperty2.default)(_this, "getProductName", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
       var contextIdentifierProvider, context;
       return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -116,14 +113,15 @@ var ErrorBoundaryWithEditorView = exports.ErrorBoundaryWithEditorView = /*#__PUR
         }
       }, _callee2);
     })));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireAnalyticsEvent", function (event) {
+    (0, _defineProperty2.default)(_this, "fireAnalyticsEvent", function (event) {
       var _this$props$createAna, _this$props;
       (_this$props$createAna = (_this$props = _this.props).createAnalyticsEvent) === null || _this$props$createAna === void 0 || _this$props$createAna.call(_this$props, event).fire(_analytics.editorAnalyticsChannel);
     });
     _this.featureFlags = props.featureFlags;
     return _this;
   }
-  (0, _createClass2.default)(ErrorBoundaryWithEditorView, [{
+  (0, _inherits2.default)(ErrorBoundaryWithEditorView, _React$Component);
+  return (0, _createClass2.default)(ErrorBoundaryWithEditorView, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, errorInfo) {
       var _this2 = this;
@@ -174,7 +172,6 @@ var ErrorBoundaryWithEditorView = exports.ErrorBoundaryWithEditorView = /*#__PUR
       return /*#__PURE__*/_react.default.createElement(_intlErrorBoundary.IntlErrorBoundary, null, this.props.children);
     }
   }]);
-  return ErrorBoundaryWithEditorView;
 }(_react.default.Component);
 (0, _defineProperty2.default)(ErrorBoundaryWithEditorView, "defaultProps", {
   rethrow: true,

package/dist/cjs/create-editor/ReactEditorView.js

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ReactEditorView = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
@@ -48,7 +47,7 @@ var _featureFlagsFromProps = require("./feature-flags-from-props");
 var _messages = require("./messages");
 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; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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 EDIT_AREA_ID = 'ak-editor-textarea';
 function handleEditorFocus(view) {
@@ -89,18 +88,16 @@ function handleEditorFocus(view) {
   }, 0);
 }
 var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ReactEditorView, _React$Component);
-  var _super = _createSuper(ReactEditorView);
   function ReactEditorView(props) {
     var _this$props$editorPro3, _props$setEditorAPI;
     var _this;
     (0, _classCallCheck2.default)(this, ReactEditorView);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "editorRef", /*#__PURE__*/_react.default.createRef());
+    _this = _callSuper(this, ReactEditorView, [props]);
+    (0, _defineProperty2.default)(_this, "editorRef", /*#__PURE__*/_react.default.createRef());
     // ProseMirror is instantiated prior to the initial React render cycle,
     // so we allow transactions by default, to avoid discarding the initial one.
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "canDispatchTransactions", true);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onPluginObservation", function (report) {
+    (0, _defineProperty2.default)(_this, "canDispatchTransactions", true);
+    (0, _defineProperty2.default)(_this, "onPluginObservation", function (report) {
       var _this$pluginInjection;
       _this.dispatchAnalyticsEvent({
         action: _analytics.ACTION.TRANSACTION_DISPATCHED,
@@ -112,20 +109,20 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
         }
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getEditorState", function () {
+    (0, _defineProperty2.default)(_this, "getEditorState", function () {
       var _this$view;
       return (_this$view = _this.view) === null || _this$view === void 0 ? void 0 : _this$view.state;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getEditorView", function () {
+    (0, _defineProperty2.default)(_this, "getEditorView", function () {
       return _this.view;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "formatFullWidthAppearance", function (appearance) {
+    (0, _defineProperty2.default)(_this, "formatFullWidthAppearance", function (appearance) {
       if (appearance === 'full-width') {
         return _analytics.FULL_WIDTH_MODE.FULL_WIDTH;
       }
       return _analytics.FULL_WIDTH_MODE.FIXED_WIDTH;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "resetEditorState", function (_ref) {
+    (0, _defineProperty2.default)(_this, "resetEditorState", function (_ref) {
       var _this$props$editorPro, _this$props$editorPro2;
       var doc = _ref.doc,
         shouldScrollToBottom = _ref.shouldScrollToBottom;
@@ -149,7 +146,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
         source: 'local'
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "blur", function () {
+    (0, _defineProperty2.default)(_this, "blur", function () {
       if (!_this.view) {
         return;
       }
@@ -165,11 +162,11 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
         sel.removeAllRanges();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleAnalyticsEvent", function (payload) {
+    (0, _defineProperty2.default)(_this, "handleAnalyticsEvent", function (payload) {
       (0, _analytics.fireAnalyticsEvent)(_this.props.createAnalyticsEvent)(payload);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "editorPlugins", []);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createEditorState", function (options) {
+    (0, _defineProperty2.default)(_this, "editorPlugins", []);
+    (0, _defineProperty2.default)(_this, "createEditorState", function (options) {
       var _api$editorViewMode;
       var schema;
       if (_this.view) {
@@ -252,7 +249,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
         selection: patchedSelection
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onEditorViewStateUpdated", function (_ref2) {
+    (0, _defineProperty2.default)(_this, "onEditorViewStateUpdated", function (_ref2) {
       var originalTransaction = _ref2.originalTransaction,
         transactions = _ref2.transactions,
         oldEditorState = _ref2.oldEditorState,
@@ -266,7 +263,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
         });
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "dispatchTransaction", function (unsafeTransaction) {
+    (0, _defineProperty2.default)(_this, "dispatchTransaction", function (unsafeTransaction) {
       if (!_this.view) {
         return;
       }
@@ -339,7 +336,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getDirectEditorProps", function (state) {
+    (0, _defineProperty2.default)(_this, "getDirectEditorProps", function (state) {
       return {
         state: state || _this.editorState,
         dispatchTransaction: function dispatchTransaction(tr) {
@@ -359,7 +356,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
         }
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createEditorView", function (node) {
+    (0, _defineProperty2.default)(_this, "createEditorView", function (node) {
       (0, _measureRender.measureRender)(_measureEnum.default.PROSEMIRROR_RENDERED, function (_ref3) {
         var duration = _ref3.duration,
           startTime = _ref3.startTime,
@@ -397,7 +394,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
         oldEditorState: undefined
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEditorViewRef", function (node) {
+    (0, _defineProperty2.default)(_this, "handleEditorViewRef", function (node) {
       if (!_this.view && node) {
         _this.createEditorView(node);
         var view = _this.view;
@@ -437,7 +434,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
         _this.view = undefined;
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "dispatchAnalyticsEvent", function (payload) {
+    (0, _defineProperty2.default)(_this, "dispatchAnalyticsEvent", function (payload) {
       if (_this.eventDispatcher) {
         var dispatch = (0, _eventDispatcher.createDispatch)(_this.eventDispatcher);
         dispatch(_analytics2.analyticsEventKey, {
@@ -445,8 +442,8 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "editorId", (0, _v.default)());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createEditor", function (assistiveLabel, assistiveDescribedBy) {
+    (0, _defineProperty2.default)(_this, "editorId", (0, _v.default)());
+    (0, _defineProperty2.default)(_this, "createEditor", function (assistiveLabel, assistiveDescribedBy) {
       return /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: getUAPrefix(),
@@ -466,7 +463,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
         "data-editor-id": _this.editorId
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "editor", _this.createEditor(_this.props.editorProps.assistiveLabel, (_this$props$editorPro3 = _this.props.editorProps) === null || _this$props$editorPro3 === void 0 ? void 0 : _this$props$editorPro3.assistiveDescribedBy));
+    (0, _defineProperty2.default)(_this, "editor", _this.createEditor(_this.props.editorProps.assistiveLabel, (_this$props$editorPro3 = _this.props.editorProps) === null || _this$props$editorPro3 === void 0 ? void 0 : _this$props$editorPro3.assistiveDescribedBy));
     _this.pluginInjectionAPI = new _preset.EditorPluginInjectionAPI({
       getEditorState: _this.getEditorState,
       getEditorView: _this.getEditorView,
@@ -508,7 +505,8 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
     });
     return _this;
   }
-  (0, _createClass2.default)(ReactEditorView, [{
+  (0, _inherits2.default)(ReactEditorView, _React$Component);
+  return (0, _createClass2.default)(ReactEditorView, [{
     key: "transactionTracking",
     get:
     //TODO: clean up
@@ -691,7 +689,6 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
       })) !== null && _this$props$render !== void 0 ? _this$props$render : this.editor : this.editor);
     }
   }]);
-  return ReactEditorView;
 }(_react.default.Component);
 function getUAPrefix() {
   if (_browser.browser.chrome) {

package/dist/cjs/editor.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
@@ -17,7 +17,7 @@ var _react2 = require("@emotion/react");
 var _composableEditor = require("./composable-editor");
 var _useUniversalPreset = _interopRequireDefault(require("./presets/useUniversalPreset"));
 var _editorDeprecationWarnings = _interopRequireDefault(require("./utils/editorDeprecationWarnings"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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; })(); } // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */ /**
  * @jsxRuntime classic
@@ -43,16 +43,15 @@ var ComposableEditorWrapper = function ComposableEditorWrapper(_ref) {
  * For more information, see the documentation for the `ComposableEditor` component here: https://atlaskit.atlassian.com/packages/editor/editor-core
  */
 var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Editor, _React$Component);
-  var _super = _createSuper(Editor);
   function Editor(props) {
     var _this;
     (0, _classCallCheck2.default)(this, Editor);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, Editor, [props]);
     (0, _editorDeprecationWarnings.default)(props);
     return _this;
   }
-  (0, _createClass2.default)(Editor, [{
+  (0, _inherits2.default)(Editor, _React$Component);
+  return (0, _createClass2.default)(Editor, [{
     key: "render",
     value: function render() {
       return (0, _react2.jsx)(ComposableEditorWrapper, {
@@ -61,7 +60,6 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  return Editor;
 }(_react.default.Component);
 (0, _defineProperty2.default)(Editor, "defaultProps", {
   appearance: 'comment',

package/dist/cjs/nodeviews/getInlineNodeViewProducer.styles.js

@@ -9,12 +9,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("@emotion/react");
 var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
 var _whitespace = require("@atlaskit/editor-common/whitespace");
-var _css; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // For reasoning behind styles, see comments in:
 // ./getInlineNodeViewProducer -> portalChildren()
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var InlineNodeViewSharedStyles = exports.InlineNodeViewSharedStyles = (0, _react.css)((_css = {}, (0, _defineProperty2.default)(_css, ".".concat(_reactNodeView.inlineNodeViewClassname), {
+var InlineNodeViewSharedStyles = exports.InlineNodeViewSharedStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_reactNodeView.inlineNodeViewClassname), {
   display: 'inline',
   userSelect: 'all',
   whiteSpace: 'nowrap',
@@ -26,17 +27,17 @@ var InlineNodeViewSharedStyles = exports.InlineNodeViewSharedStyles = (0, _react
   '& > .assistive': {
     userSelect: 'none'
   }
-}), (0, _defineProperty2.default)(_css, '&.ua-safari', (0, _defineProperty2.default)({}, ".".concat(_reactNodeView.inlineNodeViewClassname), {
+}), '&.ua-safari', (0, _defineProperty2.default)({}, ".".concat(_reactNodeView.inlineNodeViewClassname), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '::selection, *::selection': {
     background: 'transparent'
   }
-})), (0, _defineProperty2.default)(_css, "&.ua-chrome .".concat(_reactNodeView.inlineNodeViewClassname, " > span"), {
+})), "&.ua-chrome .".concat(_reactNodeView.inlineNodeViewClassname, " > span"), {
   userSelect: 'none'
-}), (0, _defineProperty2.default)(_css, ".".concat(_reactNodeView.inlineNodeViewClassname, "AddZeroWidthSpace"), {
+}), ".".concat(_reactNodeView.inlineNodeViewClassname, "AddZeroWidthSpace"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '::after': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     content: "'".concat(_whitespace.ZERO_WIDTH_SPACE, "'")
   }
-}), _css));
+}));

package/dist/cjs/ui/Addon/ClickAreaMobile/index.js

@@ -7,15 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _clickAreaHelper = require("../click-area-helper");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -49,17 +48,15 @@ var clickWrapper = function clickWrapper(_ref) {
  * whitespace at the end of the document when it overflows the viewport.
  */
 var ClickAreaMobile = exports.default = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ClickAreaMobile, _React$Component);
-  var _super = _createSuper(ClickAreaMobile);
   function ClickAreaMobile() {
     var _this;
     (0, _classCallCheck2.default)(this, ClickAreaMobile);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clickElementRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (event) {
+    _this = _callSuper(this, ClickAreaMobile, [].concat(args));
+    (0, _defineProperty2.default)(_this, "clickElementRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "handleClick", function (event) {
       var _this$props = _this.props,
         view = _this$props.editorView,
         editorDisabled = _this$props.editorDisabled;
@@ -82,7 +79,8 @@ var ClickAreaMobile = exports.default = /*#__PURE__*/function (_React$Component)
     });
     return _this;
   }
-  (0, _createClass2.default)(ClickAreaMobile, [{
+  (0, _inherits2.default)(ClickAreaMobile, _React$Component);
+  return (0, _createClass2.default)(ClickAreaMobile, [{
     key: "render",
     value: function render() {
       return (
@@ -102,5 +100,4 @@ var ClickAreaMobile = exports.default = /*#__PURE__*/function (_React$Component)
       );
     }
   }]);
-  return ClickAreaMobile;
 }(_react.default.Component);

package/dist/cjs/ui/Addon/Dropdown/index.js

@@ -7,30 +7,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _styles = require("./styles");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var DropdownWrapper = exports.default = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(DropdownWrapper, _React$Component);
-  var _super = _createSuper(DropdownWrapper);
   function DropdownWrapper() {
     var _this;
     (0, _classCallCheck2.default)(this, DropdownWrapper);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (actions) {
+    _this = _callSuper(this, DropdownWrapper, [].concat(args));
+    (0, _defineProperty2.default)(_this, "handleClick", function (actions) {
       var actionOnClick = actions.actionOnClick,
         renderOnClick = actions.renderOnClick;
       var editorActions = _this.props.editorActions;
@@ -43,7 +40,8 @@ var DropdownWrapper = exports.default = /*#__PURE__*/function (_React$Component)
     });
     return _this;
   }
-  (0, _createClass2.default)(DropdownWrapper, [{
+  (0, _inherits2.default)(DropdownWrapper, _React$Component);
+  return (0, _createClass2.default)(DropdownWrapper, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -60,5 +58,4 @@ var DropdownWrapper = exports.default = /*#__PURE__*/function (_React$Component)
       }, children);
     }
   }]);
-  return DropdownWrapper;
 }(_react.default.Component);

package/dist/cjs/ui/Appearance/Chromeless.js

@@ -8,10 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
@@ -22,7 +21,7 @@ var _PluginSlot = _interopRequireDefault(require("../PluginSlot"));
 var _WithFlash = _interopRequireDefault(require("../WithFlash"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -53,18 +52,16 @@ _scrollbar.scrollbarStyles, {
 var ContentArea = (0, _ContentStyles.createEditorContentStyle)();
 ContentArea.displayName = 'ContentArea';
 var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Editor, _React$Component);
-  var _super = _createSuper(Editor);
   function Editor() {
     var _this;
     (0, _classCallCheck2.default)(this, Editor);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "appearance", 'chromeless');
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "containerElement", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderChrome", function (_ref) {
+    _this = _callSuper(this, Editor, [].concat(args));
+    (0, _defineProperty2.default)(_this, "appearance", 'chromeless');
+    (0, _defineProperty2.default)(_this, "containerElement", null);
+    (0, _defineProperty2.default)(_this, "renderChrome", function (_ref) {
       var maxContentSize = _ref.maxContentSize;
       var _this$props = _this.props,
         editorDOMElement = _this$props.editorDOMElement,
@@ -130,7 +127,8 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2.default)(Editor, [{
+  (0, _inherits2.default)(Editor, _React$Component);
+  return (0, _createClass2.default)(Editor, [{
     key: "render",
     value: function render() {
       return (0, _react2.jsx)(RenderWithPluginState, {
@@ -139,7 +137,6 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  return Editor;
 }(_react.default.Component);
 (0, _defineProperty2.default)(Editor, "displayName", 'ChromelessEditorAppearance');
 function RenderWithPluginState(_ref3) {