@atlaskit/editor-common 96.4.0 → 96.5.0

package/dist/cjs/ui/Mention/mention-with-providers.js

@@ -9,10 +9,9 @@ exports.MentionWithProvidersOld = exports.MentionWithProviders = 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"));
-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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -20,7 +19,7 @@ var _element = require("@atlaskit/mention/element");
 var _mentionWithProfilecard = _interopRequireDefault(require("./mention-with-profilecard"));
 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; })(); }
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 var noop = function noop() {};
@@ -74,21 +73,20 @@ var MentionWithProviders = exports.MentionWithProviders = function MentionWithPr
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var MentionWithProvidersOld = exports.MentionWithProvidersOld = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(MentionWithProvidersOld, _PureComponent);
-  var _super = _createSuper(MentionWithProvidersOld);
   function MentionWithProvidersOld() {
     var _this;
     (0, _classCallCheck2.default)(this, MentionWithProvidersOld);
     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, MentionWithProvidersOld, [].concat(args));
+    (0, _defineProperty2.default)(_this, "state", {
       profilecardProvider: null
     });
     return _this;
   }
-  (0, _createClass2.default)(MentionWithProvidersOld, [{
+  (0, _inherits2.default)(MentionWithProvidersOld, _PureComponent);
+  return (0, _createClass2.default)(MentionWithProvidersOld, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       this.updateProfilecardProvider(this.props);
@@ -150,5 +148,4 @@ var MentionWithProvidersOld = exports.MentionWithProvidersOld = /*#__PURE__*/fun
       }, actionHandlers));
     }
   }]);
-  return MentionWithProvidersOld;
 }(_react.PureComponent);

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

@@ -31,7 +31,7 @@ var messageStyle = function messageStyle() {
       fontSize: "".concat(12 / 14, "em"),
       fontStyle: 'inherit',
       lineHeight: 16 / 12,
-      fontWeight: 'normal',
+      fontWeight: "var(--ds-font-weight-regular, 400)",
       color: "var(--ds-text-subtlest, #626F86)",
       marginTop: "var(--ds-space-050, 4px)",
       display: 'flex',

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

@@ -9,14 +9,13 @@ exports.shadowClassNames = 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"));
-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 _shadowObserver = require("./shadowObserver");
-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 shadowClassNames = exports.shadowClassNames = {
   RIGHT_SHADOW: 'right-shadow',
@@ -24,27 +23,25 @@ var shadowClassNames = exports.shadowClassNames = {
 };
 function overflowShadow(Component, options) {
   return /*#__PURE__*/function (_React$Component) {
-    (0, _inherits2.default)(OverflowShadow, _React$Component);
-    var _super = _createSuper(OverflowShadow);
     function OverflowShadow() {
       var _this;
       (0, _classCallCheck2.default)(this, OverflowShadow);
       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), "overflowContainerWidth", 0);
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      _this = _callSuper(this, OverflowShadow, [].concat(args));
+      (0, _defineProperty2.default)(_this, "overflowContainerWidth", 0);
+      (0, _defineProperty2.default)(_this, "state", {
         showLeftShadow: false,
         showRightShadow: false
       });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleScroll", function (event) {
+      (0, _defineProperty2.default)(_this, "handleScroll", function (event) {
         if (!_this.overflowContainer || event.target !== _this.overflowContainer || options.useShadowObserver) {
           return;
         }
         _this.updateShadows();
       });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateShadows", function () {
+      (0, _defineProperty2.default)(_this, "updateShadows", function () {
         if (options.useShadowObserver) {
           return;
         }
@@ -64,17 +61,17 @@ function overflowShadow(Component, options) {
           return null;
         });
       });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "showLeftShadow", function (overflowContainer) {
+      (0, _defineProperty2.default)(_this, "showLeftShadow", function (overflowContainer) {
         return !!overflowContainer && overflowContainer.scrollLeft > 0;
       });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "calcOverflowDiff", function () {
+      (0, _defineProperty2.default)(_this, "calcOverflowDiff", function () {
         if (!_this.overflowContainer) {
           return 0;
         }
         _this.diff = _this.calcScrollableWidth();
         return _this.diff - _this.overflowContainer.offsetWidth;
       });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "calcScrollableWidth", function () {
+      (0, _defineProperty2.default)(_this, "calcScrollableWidth", function () {
         if (!_this.scrollable && _this.overflowContainer) {
           return _this.overflowContainer.scrollWidth;
         }
@@ -88,7 +85,7 @@ function overflowShadow(Component, options) {
         }
         return width;
       });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleContainer", function (container) {
+      (0, _defineProperty2.default)(_this, "handleContainer", function (container) {
         if (!container || _this.container) {
           return;
         }
@@ -106,7 +103,8 @@ function overflowShadow(Component, options) {
       });
       return _this;
     }
-    (0, _createClass2.default)(OverflowShadow, [{
+    (0, _inherits2.default)(OverflowShadow, _React$Component);
+    return (0, _createClass2.default)(OverflowShadow, [{
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
         if (options.useShadowObserver) {
@@ -161,6 +159,5 @@ function overflowShadow(Component, options) {
         }, this.props));
       }
     }]);
-    return OverflowShadow;
   }(_react.default.Component);
 }

package/dist/cjs/ui/OverflowShadow/shadowObserver.js

@@ -26,13 +26,12 @@ var cancelIdleCallback = function cancelIdleCallback(id) {
 };
 var ShadowObserver = exports.ShadowObserver = /*#__PURE__*/function () {
   function ShadowObserver(_ref) {
-    var _defineProperty2,
-      _this = this;
+    var _this = this;
     var scrollContainer = _ref.scrollContainer,
       onUpdateShadows = _ref.onUpdateShadows;
     (0, _classCallCheck2.default)(this, ShadowObserver);
     (0, _defineProperty3.default)(this, "sentinels", {});
-    (0, _defineProperty3.default)(this, "shadowStates", (_defineProperty2 = {}, (0, _defineProperty3.default)(_defineProperty2, ShadowKeys.SHOW_LEFT_SHADOW, false), (0, _defineProperty3.default)(_defineProperty2, ShadowKeys.SHOW_RIGHT_SHADOW, false), _defineProperty2));
+    (0, _defineProperty3.default)(this, "shadowStates", (0, _defineProperty3.default)((0, _defineProperty3.default)({}, ShadowKeys.SHOW_LEFT_SHADOW, false), ShadowKeys.SHOW_RIGHT_SHADOW, false));
     (0, _defineProperty3.default)(this, "init", function () {
       if (!_this.scrollContainer || _this.intersectionObserver) {
         return;
@@ -67,7 +66,7 @@ var ShadowObserver = exports.ShadowObserver = /*#__PURE__*/function () {
     this.onUpdateShadows = onUpdateShadows;
     this.init();
   }
-  (0, _createClass2.default)(ShadowObserver, [{
+  return (0, _createClass2.default)(ShadowObserver, [{
     key: "dispose",
     value: function dispose() {
       if (this.intersectionObserver) {
@@ -77,5 +76,4 @@ var ShadowObserver = exports.ShadowObserver = /*#__PURE__*/function () {
       }
     }
   }]);
-  return ShadowObserver;
 }();

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

@@ -8,16 +8,15 @@ exports.default = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 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 = require("react");
 var _react2 = require("@emotion/react");
 var _utils = require("../../utils");
 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
@@ -25,25 +24,23 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var KeyZCode = 90;
 var KeyYCode = 89;
 var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(PanelTextInput, _PureComponent);
-  var _super = _createSuper(PanelTextInput);
   function PanelTextInput(props) {
     var _this;
     (0, _classCallCheck2.default)(this, PanelTextInput);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDown", function () {
+    _this = _callSuper(this, PanelTextInput, [props]);
+    (0, _defineProperty2.default)(_this, "onMouseDown", function () {
       var onMouseDown = _this.props.onMouseDown;
       if (onMouseDown) {
         onMouseDown();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onBlur", function (e) {
+    (0, _defineProperty2.default)(_this, "onBlur", function (e) {
       var onBlur = _this.props.onBlur;
       if (onBlur) {
         onBlur(e);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", function () {
+    (0, _defineProperty2.default)(_this, "handleChange", function () {
       var onChange = _this.props.onChange;
       if (_this.input) {
         _this.setState({
@@ -54,7 +51,7 @@ var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
         onChange(_this.input.value);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeydown", function (e) {
+    (0, _defineProperty2.default)(_this, "handleKeydown", function (e) {
       var _this$props = _this.props,
         onUndo = _this$props.onUndo,
         onRedo = _this$props.onRedo,
@@ -76,7 +73,7 @@ var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
         _this.props.onKeyDown(e);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRef", function (input) {
+    (0, _defineProperty2.default)(_this, "handleRef", function (input) {
       if (input instanceof HTMLInputElement) {
         _this.input = input;
         if (_this.props.autoFocus) {
@@ -94,7 +91,8 @@ var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
     };
     return _this;
   }
-  (0, _createClass2.default)(PanelTextInput, [{
+  (0, _inherits2.default)(PanelTextInput, _PureComponent);
+  return (0, _createClass2.default)(PanelTextInput, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (prevProps.defaultValue !== this.props.defaultValue) {
@@ -178,5 +176,4 @@ var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
       );
     }
   }]);
-  return PanelTextInput;
 }(_react.PureComponent);

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

@@ -7,10 +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 _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 _focusTrap = _interopRequireDefault(require("focus-trap"));
@@ -21,11 +20,9 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("./utils");
 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 Popup = exports.default = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Popup, _React$Component);
-  var _super = _createSuper(Popup);
   function Popup() {
     var _window;
     var _this;
@@ -33,32 +30,32 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
     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), "rafIds", new Set());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _callSuper(this, Popup, [].concat(args));
+    (0, _defineProperty2.default)(_this, "rafIds", new Set());
+    (0, _defineProperty2.default)(_this, "state", {
       validPosition: true
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "popupRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "placement", ['', '']);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRef", function (popup) {
+    (0, _defineProperty2.default)(_this, "popupRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "placement", ['', '']);
+    (0, _defineProperty2.default)(_this, "handleRef", function (popup) {
       if (!popup) {
         return;
       }
       _this.initPopup(popup);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scheduledUpdatePosition", (0, _rafSchd.default)(function (props) {
+    (0, _defineProperty2.default)(_this, "scheduledUpdatePosition", (0, _rafSchd.default)(function (props) {
       _this.updatePosition(_this.props);
     }));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onResize", function () {
+    (0, _defineProperty2.default)(_this, "onResize", function () {
       return _this.scheduledUpdatePosition(_this.props);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "resizeObserver", (_window = window) !== null && _window !== void 0 && _window.ResizeObserver ? new ResizeObserver(function () {
+    (0, _defineProperty2.default)(_this, "resizeObserver", (_window = window) !== null && _window !== void 0 && _window.ResizeObserver ? new ResizeObserver(function () {
       _this.scheduledUpdatePosition(_this.props);
     }) : undefined);
     /**
      * Raf scheduled so that it also occurs after the initial update position
      */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "initFocusTrap", (0, _rafSchd.default)(function () {
+    (0, _defineProperty2.default)(_this, "initFocusTrap", (0, _rafSchd.default)(function () {
       var popup = _this.popupRef.current;
       if (!popup) {
         return;
@@ -75,7 +72,8 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
     }));
     return _this;
   }
-  (0, _createClass2.default)(Popup, [{
+  (0, _inherits2.default)(Popup, _React$Component);
+  return (0, _createClass2.default)(Popup, [{
     key: "calculatePosition",
     value:
     /**
@@ -331,7 +329,6 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
       return this.renderPopup();
     }
   }]);
-  return Popup;
 }(_react.default.Component);
 (0, _defineProperty2.default)(Popup, "defaultProps", {
   offset: [0, 0],

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

@@ -7,10 +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 _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 _classnames = _interopRequireDefault(require("classnames"));
@@ -22,7 +21,7 @@ var _utils = require("../../utils");
 var _utils2 = require("./utils");
 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 getResizeAnalyticsEvent = function getResizeAnalyticsEvent(type, size, layout) {
   var actionSubject = type === 'embed' ? _analytics.ACTION_SUBJECT.EMBEDS : _analytics.ACTION_SUBJECT.MEDIA_SINGLE;
@@ -44,20 +43,18 @@ var getWidthFromSnapPoints = function getWidthFromSnapPoints(width, snapPoints)
   return width;
 };
 var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Resizer, _React$Component);
-  var _super = _createSuper(Resizer);
   function Resizer() {
     var _this;
     (0, _classCallCheck2.default)(this, Resizer);
     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), "resizable", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _callSuper(this, Resizer, [].concat(args));
+    (0, _defineProperty2.default)(_this, "resizable", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "state", {
       isResizing: false
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResizeStart", function (event) {
+    (0, _defineProperty2.default)(_this, "handleResizeStart", function (event) {
       var _this$props = _this.props,
         _this$props$innerPadd = _this$props.innerPadding,
         innerPadding = _this$props$innerPadd === void 0 ? 0 : _this$props$innerPadd,
@@ -75,7 +72,7 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
         displayGrid === null || displayGrid === void 0 || displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(layout), newHighlights);
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResize", function (_event, _direction, _elementRef, delta) {
+    (0, _defineProperty2.default)(_this, "handleResize", function (_event, _direction, _elementRef, delta) {
       var _this$props2 = _this.props,
         highlights = _this$props2.highlights,
         calcNewSize = _this$props2.calcNewSize,
@@ -106,7 +103,7 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
         isResizing: true
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResizeStop", function (_event, _direction, _elementRef, delta) {
+    (0, _defineProperty2.default)(_this, "handleResizeStop", function (_event, _direction, _elementRef, delta) {
       var _this$props3 = _this.props,
         highlights = _this$props3.highlights,
         calcNewSize = _this$props3.calcNewSize,
@@ -139,7 +136,8 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2.default)(Resizer, [{
+  (0, _inherits2.default)(Resizer, _React$Component);
+  return (0, _createClass2.default)(Resizer, [{
     key: "render",
     value: function render() {
       var baseHandleStyles = {};
@@ -159,11 +157,10 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
         handleStyles = _this$props4.handleStyles;
       var isResizing = this.state.isResizing;
       _utils2.handleSides.forEach(function (side) {
-        var _baseHandleStyles$sid;
         handles[side] = "richMedia-resize-handle-".concat(side);
-        baseHandleStyles[side] = (_baseHandleStyles$sid = {
+        baseHandleStyles[side] = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
           width: '24px'
-        }, (0, _defineProperty2.default)(_baseHandleStyles$sid, side, "".concat(-13 - innerPadding, "px")), (0, _defineProperty2.default)(_baseHandleStyles$sid, "zIndex", _editorSharedStyles.akRichMediaResizeZIndex), (0, _defineProperty2.default)(_baseHandleStyles$sid, "pointerEvents", 'auto'), _baseHandleStyles$sid);
+        }, side, "".concat(-13 - innerPadding, "px")), "zIndex", _editorSharedStyles.akRichMediaResizeZIndex), "pointerEvents", 'auto');
         var sideHandleComponent = handleComponentFunc && handleComponentFunc(side);
         if (sideHandleComponent) {
           handleComponent[side] = sideHandleComponent;
@@ -213,5 +210,4 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
       }, children);
     }
   }]);
-  return Resizer;
 }(_react.default.Component);

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

@@ -7,21 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.WithCreateAnalyticsEvent = 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 _react = _interopRequireDefault(require("react"));
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
-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 WithCreateAnalyticsEvent = exports.WithCreateAnalyticsEvent = (0, _withAnalyticsEvents.default)()( /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(WithCreateAnalyticsEvent, _React$Component);
-  var _super = _createSuper(WithCreateAnalyticsEvent);
   function WithCreateAnalyticsEvent() {
     (0, _classCallCheck2.default)(this, WithCreateAnalyticsEvent);
-    return _super.apply(this, arguments);
+    return _callSuper(this, WithCreateAnalyticsEvent, arguments);
   }
-  (0, _createClass2.default)(WithCreateAnalyticsEvent, [{
+  (0, _inherits2.default)(WithCreateAnalyticsEvent, _React$Component);
+  return (0, _createClass2.default)(WithCreateAnalyticsEvent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -30,5 +29,4 @@ var WithCreateAnalyticsEvent = exports.WithCreateAnalyticsEvent = (0, _withAnaly
       return render(createAnalyticsEvent);
     }
   }]);
-  return WithCreateAnalyticsEvent;
 }(_react.default.Component));

package/dist/cjs/ui/with-outer-listeners.js

@@ -9,53 +9,51 @@ exports.PlainOutsideClickTargetRefContext = void 0;
 exports.default = withOuterListeners;
 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 _reactDom = _interopRequireDefault(require("react-dom"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; })(); }
 // Use this context to pass in the reference of the element that should be considered as the outside click target
 // The outside click target is the element that should be clicked outside of to trigger the `handleClickOutside` event
 var PlainOutsideClickTargetRefContext = exports.PlainOutsideClickTargetRefContext = /*#__PURE__*/_react.default.createContext(function () {});
 function withOuterListeners(Component) {
   return /*#__PURE__*/function (_PureComponent) {
-    (0, _inherits2.default)(WithOutsideClick, _PureComponent);
-    var _super = _createSuper(WithOutsideClick);
     function WithOutsideClick() {
       var _this;
       (0, _classCallCheck2.default)(this, WithOutsideClick);
       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), "outsideClickTargetRef", /*#__PURE__*/_react.default.createRef());
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (evt) {
+      _this = _callSuper(this, WithOutsideClick, [].concat(args));
+      (0, _defineProperty2.default)(_this, "outsideClickTargetRef", /*#__PURE__*/_react.default.createRef());
+      (0, _defineProperty2.default)(_this, "handleClick", function (evt) {
         var _this$outsideClickTar;
-        var domNode = (0, _platformFeatureFlags.fg)('platform_editor_replace_finddomnode_in_common') ? (_this$outsideClickTar = _this.outsideClickTargetRef.current) === null || _this$outsideClickTar === void 0 ? void 0 : _this$outsideClickTar.deref() : _reactDom.default.findDOMNode((0, _assertThisInitialized2.default)(_this)); // eslint-disable-line react/no-find-dom-node
+        var domNode = (0, _platformFeatureFlags.fg)('platform_editor_replace_finddomnode_in_common') ? (_this$outsideClickTar = _this.outsideClickTargetRef.current) === null || _this$outsideClickTar === void 0 ? void 0 : _this$outsideClickTar.deref() : _reactDom.default.findDOMNode(_this); // eslint-disable-line react/no-find-dom-node
 
         if (!domNode || evt.target instanceof Node && !domNode.contains(evt.target)) {
           var _this$props$handleCli, _this$props;
           (_this$props$handleCli = (_this$props = _this.props).handleClickOutside) === null || _this$props$handleCli === void 0 || _this$props$handleCli.call(_this$props, evt);
         }
       });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeydown", function (evt) {
+      (0, _defineProperty2.default)(_this, "handleKeydown", function (evt) {
         if (evt.code === 'Escape' && _this.props.handleEscapeKeydown) {
           _this.props.handleEscapeKeydown(evt);
         }
       });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setOutsideClickTargetRef", function (el) {
+      (0, _defineProperty2.default)(_this, "setOutsideClickTargetRef", function (el) {
         _this.outsideClickTargetRef.current = el && new WeakRef(el);
       });
       return _this;
     }
-    (0, _createClass2.default)(WithOutsideClick, [{
+    (0, _inherits2.default)(WithOutsideClick, _PureComponent);
+    return (0, _createClass2.default)(WithOutsideClick, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         if (this.props.handleClickOutside) {
@@ -83,6 +81,5 @@ function withOuterListeners(Component) {
         }, /*#__PURE__*/_react.default.createElement(Component, this.props));
       }
     }]);
-    return WithOutsideClick;
   }(_react.PureComponent);
 }