@atlaskit/editor-common 96.4.0 → 96.5.0

package/dist/es2019/analytics/analytics-queue.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _class;
+var _AnalyticsQueue;
 import memoizeOne from 'memoize-one';
 export class AnalyticsQueue {
   constructor() {
@@ -51,5 +51,5 @@ export class AnalyticsQueue {
     this.process();
   }
 }
-_class = AnalyticsQueue;
-_defineProperty(AnalyticsQueue, "get", memoizeOne(() => new _class()));
+_AnalyticsQueue = AnalyticsQueue;
+_defineProperty(AnalyticsQueue, "get", memoizeOne(() => new _AnalyticsQueue()));

package/dist/es2019/hooks/useSharedPluginState.js

@@ -25,6 +25,9 @@ function useStaticPlugins(plugins) {
 }
 
 /**
+ *
+ * NOTE: Generally you may want to use `usePluginStateSelector` over this which behaves similarly
+ * but selects a slice of the state which is more performant.
  *
  * ⚠️⚠️⚠️ This is a debounced hook ⚠️⚠️⚠️
  * If the plugins you are listening to generate multiple shared states while the user is typing,

package/dist/es2019/hooks/useSharedPluginStateSelector/index.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { useSharedPluginStateSelector } from './useSharedPluginStateSelector';

package/dist/es2019/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.js

@@ -0,0 +1,98 @@
+import { useState, useCallback, useMemo } from 'react';
+import get from 'lodash/get';
+import isEqual from 'lodash/isEqual';
+import { usePluginStateEffect } from '../usePluginStateEffect';
+
+/**
+ * This is designed to iterate through an object to get the path of its result
+ * based on separation via "."
+ *
+ * Example:
+ * ```typescript
+ * type Test = { deepObject: { value: number } };
+ * // Type should be `"deepObject" | "deepObject.value"`
+ * type Result = NestedKeys<Test>;
+ * ```
+ */
+
+/**
+ * This is designed to iterate through a path of an object to get the type of its result
+ * based on separation via "."
+ *
+ * Example:
+ * ```typescript
+ * type Test = { deepObject: { value: number } }
+ * // Type should be `number`
+ * type Result = Path<Test, 'deepObject.value'>
+ * ```
+ */
+
+/**
+ *
+ * ⚠️⚠️⚠️ This is a debounced hook ⚠️⚠️⚠️
+ * If the plugins you are listening to generate multiple shared states while the user is typing,
+ * your React Component will get only the last one.
+ * 
+ * Used to return the current plugin state of input dependencies.
+ * It will recursively retrieve a slice of the state using a "." to separate
+ * parts of the state.
+ * 
+ * Example:
+ * 
+ * ```typescript
+ * 	const pluginA: NextEditorPlugin<
+		'pluginA',
+		{
+			sharedState: { deepObj: { value: number | undefined } };
+		}
+	>
+ * ```
+ * You can use `const value = useSharedPluginStateSelector(api, 'pluginA.deepObj.value')` to retrieve the value
+ * 
+ * Example in plugin:
+ *
+ * ```typescript
+ * function ExampleContent({ api }: Props) {
+ *   const title = useSharedPluginStateSelector(api, 'dog.title')
+ *   return <p>{ title } { exampleState.description }</p>
+ * }
+ *
+ * const examplePlugin: NextEditorPlugin<'example', { dependencies: [typeof pluginDog] }> = ({ api }) => {
+ *   return {
+ *     name: 'example',
+ *     contentComponent: () => <ExampleContent api={api} />
+ *   }
+ * }
+ * ```
+ * 
+ * NOTE: If you pass an invalid path, `undefined` will be returned
+ * 
+ * @param api 
+ * @param plugin 
+ * @returns 
+ */
+export function useSharedPluginStateSelector(api, plugin) {
+  const transformer = useCallback(pluginState => {
+    const [pluginName, ...properties] = plugin.split('.');
+    if (!pluginState || (properties === null || properties === void 0 ? void 0 : properties.length) === 0) {
+      return undefined;
+    }
+    return get(pluginState === null || pluginState === void 0 ? void 0 : pluginState[`${pluginName}State`], properties);
+  }, [plugin]);
+  const pluginNameArray = useMemo(() => {
+    const [pluginName] = plugin.split('.');
+    return [pluginName];
+  }, [plugin]);
+  return useSharedPluginStateSelectorInternal(api, pluginNameArray, transformer);
+}
+function useSharedPluginStateSelectorInternal(api, plugins, transformer) {
+  const [selectedPluginState, setSelectedPluginState] = useState();
+  usePluginStateEffect(api, plugins, pluginStates => {
+    // `pluginStates`: This is the same type through inference - but typescript doesn't recognise them as they are computed slightly differently
+    const transformedValue = transformer(pluginStates);
+    if (!isEqual(transformedValue, selectedPluginState)) {
+      setSelectedPluginState(transformedValue);
+    }
+  });
+  return selectedPluginState;
+}

package/dist/es2019/lazy-node-view/lazy-scheduler.js

@@ -1,4 +1,4 @@
-const hasIdleCallback = 'requestIdleCallback' in window;
+const hasIdleCallback = ('requestIdleCallback' in window);
 export const scheduleCallback = (cb, options) => {
   return hasIdleCallback ? requestIdleCallback(cb, {
     timeout: 5000,

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 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 = "96.4.0";
+const packageVersion = "96.5.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/styles/shared/paragraph.js

@@ -23,7 +23,7 @@ export const paragraphSharedStyles = typographyTheme => {
       fontSize: '1em',
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       lineHeight: akEditorLineHeight,
-      fontWeight: 'normal',
+      fontWeight: "var(--ds-font-weight-regular, 400)",
       marginTop: blockNodesVerticalMargin,
       marginBottom: 0,
       letterSpacing: '-0.005em'

package/dist/es2019/styles/shared/table.js

@@ -136,7 +136,7 @@ const tableSharedStyle = () => css`
 			th,
 			td {
 				min-width: ${tableCellMinWidth}px;
-				font-weight: normal;
+				font-weight: ${"var(--ds-font-weight-regular, 400)"};
 				vertical-align: top;
 				border: 1px solid ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`};
 				border-right-width: 0;

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "96.4.0";
+const packageVersion = "96.5.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui/Expand/sharedStyles.js

@@ -76,7 +76,7 @@ const titleInputStyles = () => css({
   fontSize: relativeFontSizeToBase16(14),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   lineHeight: fg('platform-visual-refresh-icons') ? 1 : akEditorLineHeight,
-  fontWeight: 'normal',
+  fontWeight: "var(--ds-font-weight-regular, 400)",
   color: "var(--ds-text-subtlest, #626F86)",
   background: 'transparent',
   display: 'flex',

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

@@ -22,7 +22,7 @@ css({
   fontSize: `${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/es2019/utils/profiler/render-count.js

@@ -71,6 +71,7 @@ export class RenderCountProfiler {
     var _this$store$PROFILER_, _this$store3, _this$store3$PROFILER, _this$store3$PROFILER2;
     const component = (_this$store$PROFILER_ = (_this$store3 = this.store) === null || _this$store3 === void 0 ? void 0 : (_this$store3$PROFILER = _this$store3[PROFILER_KEY]) === null || _this$store3$PROFILER === void 0 ? void 0 : (_this$store3$PROFILER2 = _this$store3$PROFILER.components) === null || _this$store3$PROFILER2 === void 0 ? void 0 : _this$store3$PROFILER2[componentId]) !== null && _this$store$PROFILER_ !== void 0 ? _this$store$PROFILER_ : {};
     const counters = [];
+    // eslint-disable-next-line guard-for-in
     for (let instanceId in component) {
       const counter = {
         instanceId,
@@ -86,6 +87,7 @@ export class RenderCountProfiler {
     var _this$store$PROFILER_2, _this$store4, _this$store4$PROFILER, _this$store4$PROFILER2;
     const component = (_this$store$PROFILER_2 = (_this$store4 = this.store) === null || _this$store4 === void 0 ? void 0 : (_this$store4$PROFILER = _this$store4[PROFILER_KEY]) === null || _this$store4$PROFILER === void 0 ? void 0 : (_this$store4$PROFILER2 = _this$store4$PROFILER.components) === null || _this$store4$PROFILER2 === void 0 ? void 0 : _this$store4$PROFILER2[componentId]) !== null && _this$store$PROFILER_2 !== void 0 ? _this$store$PROFILER_2 : {};
     let total = 0;
+    // eslint-disable-next-line guard-for-in
     for (let instanceId in component) {
       total += component[instanceId].count;
     }

package/dist/esm/analytics/analytics-queue.js

@@ -1,7 +1,7 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _class;
+var _AnalyticsQueue;
 import memoizeOne from 'memoize-one';
 export var AnalyticsQueue = /*#__PURE__*/function () {
   function AnalyticsQueue() {
@@ -9,7 +9,7 @@ export var AnalyticsQueue = /*#__PURE__*/function () {
     _defineProperty(this, "tasks", []);
     _defineProperty(this, "running", false);
   }
-  _createClass(AnalyticsQueue, [{
+  return _createClass(AnalyticsQueue, [{
     key: "request",
     value: function request(fn) {
       if (window.requestIdleCallback) {
@@ -65,9 +65,8 @@ export var AnalyticsQueue = /*#__PURE__*/function () {
       this.process();
     }
   }]);
-  return AnalyticsQueue;
 }();
-_class = AnalyticsQueue;
+_AnalyticsQueue = AnalyticsQueue;
 _defineProperty(AnalyticsQueue, "get", memoizeOne(function () {
-  return new _class();
+  return new _AnalyticsQueue();
 }));

package/dist/esm/annotation/index.js

@@ -1,29 +1,28 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+import _get from "@babel/runtime/helpers/get";
+import _inherits from "@babel/runtime/helpers/inherits";
+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; })(); }
+function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 import { EventEmitter } from 'events';
 export var AnnotationUpdateEmitter = /*#__PURE__*/function (_EventEmitter) {
-  _inherits(AnnotationUpdateEmitter, _EventEmitter);
-  var _super = _createSuper(AnnotationUpdateEmitter);
   function AnnotationUpdateEmitter() {
     _classCallCheck(this, AnnotationUpdateEmitter);
-    return _super.apply(this, arguments);
+    return _callSuper(this, AnnotationUpdateEmitter, arguments);
   }
-  _createClass(AnnotationUpdateEmitter, [{
+  _inherits(AnnotationUpdateEmitter, _EventEmitter);
+  return _createClass(AnnotationUpdateEmitter, [{
     key: "on",
     value: function on(event, listener) {
-      return _get(_getPrototypeOf(AnnotationUpdateEmitter.prototype), "on", this).call(this, event, listener);
+      return _superPropGet(AnnotationUpdateEmitter, "on", this, 3)([event, listener]);
     }
   }, {
     key: "off",
     value: function off(event, listener) {
-      return _get(_getPrototypeOf(AnnotationUpdateEmitter.prototype), "removeListener", this).call(this, event, listener);
+      return _superPropGet(AnnotationUpdateEmitter, "removeListener", this, 3)([event, listener]);
     }
   }]);
-  return AnnotationUpdateEmitter;
 }(EventEmitter);

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

@@ -1,38 +1,35 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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, { PureComponent } from 'react';
 import StatelessElementBrowser from './components/StatelessElementBrowser';
 var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
-  _inherits(ElementBrowser, _PureComponent);
-  var _super = _createSuper(ElementBrowser);
   function ElementBrowser() {
     var _this;
     _classCallCheck(this, ElementBrowser);
     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));
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, ElementBrowser, [].concat(args));
+    _defineProperty(_this, "state", {
       categories: [],
       items: [],
       searchTerm: '',
       selectedCategory: _this.props.defaultCategory
     });
-    _defineProperty(_assertThisInitialized(_this), "getCategories", function () {
+    _defineProperty(_this, "getCategories", function () {
       var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.fetchItems();
       return (
         // NOTE: we fetch all items to determine available categories.
         _this.filterCategories(items, _this.props.categories)
       );
     });
-    _defineProperty(_assertThisInitialized(_this), "filterCategories", function (items) {
+    _defineProperty(_this, "filterCategories", function (items) {
       var categories = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var showCategories = _this.props.showCategories;
       if (!showCategories) {
@@ -44,17 +41,17 @@ var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
         });
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "fetchItems", function (query, category) {
+    _defineProperty(_this, "fetchItems", function (query, category) {
       return _this.props.getItems(query, category);
     });
-    _defineProperty(_assertThisInitialized(_this), "handleSearch", function (searchTerm) {
+    _defineProperty(_this, "handleSearch", function (searchTerm) {
       var defaultCategory = _this.props.defaultCategory;
       _this.setState({
         searchTerm: searchTerm,
         selectedCategory: defaultCategory
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleCategorySelection", function (clickedCategory) {
+    _defineProperty(_this, "handleCategorySelection", function (clickedCategory) {
       var stateCategoryValue = _this.state.selectedCategory;
 
       /**
@@ -72,7 +69,8 @@ var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
     });
     return _this;
   }
-  _createClass(ElementBrowser, [{
+  _inherits(ElementBrowser, _PureComponent);
+  return _createClass(ElementBrowser, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var items = this.fetchItems();
@@ -135,7 +133,6 @@ var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }]);
-  return ElementBrowser;
 }(PureComponent);
 _defineProperty(ElementBrowser, "defaultProps", {
   defaultCategory: 'all',

package/dist/esm/event-dispatcher/index.js

@@ -6,7 +6,7 @@ export var EventDispatcher = /*#__PURE__*/function () {
     _classCallCheck(this, EventDispatcher);
     _defineProperty(this, "listeners", {});
   }
-  _createClass(EventDispatcher, [{
+  return _createClass(EventDispatcher, [{
     key: "on",
     value: function on(event, cb) {
       if (!this.listeners[event]) {
@@ -48,7 +48,6 @@ export var EventDispatcher = /*#__PURE__*/function () {
       this.listeners = {};
     }
   }]);
-  return EventDispatcher;
 }();
 function getEventFromEventName(eventName) {
   return typeof eventName === 'string' ? eventName : eventName.key;

package/dist/esm/extensibility/Extension/Lozenge/index.js

@@ -2,13 +2,12 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["url"];
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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; })(); }
 /**
  * @jsxRuntime classic
@@ -21,16 +20,14 @@ import { getExtensionLozengeData } from '../../../utils';
 import { styledImage } from '../styles';
 import { LozengeComponent } from './LozengeComponent';
 var ExtensionLozenge = /*#__PURE__*/function (_Component) {
-  _inherits(ExtensionLozenge, _Component);
-  var _super = _createSuper(ExtensionLozenge);
   function ExtensionLozenge() {
     var _this;
     _classCallCheck(this, ExtensionLozenge);
     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));
-    _defineProperty(_assertThisInitialized(_this), "renderImage", function (lozengeData) {
+    _this = _callSuper(this, ExtensionLozenge, [].concat(args));
+    _defineProperty(_this, "renderImage", function (lozengeData) {
       var extensionKey = _this.props.node.attrs.extensionKey;
       var url = lozengeData.url,
         rest = _objectWithoutProperties(lozengeData, _excluded);
@@ -42,7 +39,7 @@ var ExtensionLozenge = /*#__PURE__*/function (_Component) {
         alt: extensionKey
       }));
     });
-    _defineProperty(_assertThisInitialized(_this), "renderFallback", function (lozengeData) {
+    _defineProperty(_this, "renderFallback", function (lozengeData) {
       var _this$props = _this.props,
         showMacroInteractionDesignUpdates = _this$props.showMacroInteractionDesignUpdates,
         showMacroButtonUpdates = _this$props.showMacroButtonUpdates,
@@ -82,7 +79,8 @@ var ExtensionLozenge = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(ExtensionLozenge, [{
+  _inherits(ExtensionLozenge, _Component);
+  return _createClass(ExtensionLozenge, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -102,6 +100,5 @@ var ExtensionLozenge = /*#__PURE__*/function (_Component) {
       return this.renderFallback(iconData);
     }
   }]);
-  return ExtensionLozenge;
 }(Component);
 export { ExtensionLozenge as default };

package/dist/esm/extensibility/Extension.js

@@ -1,23 +1,20 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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';
 import { ProviderFactory, WithProviders } from '../provider-factory';
 import { ExtensionComponent } from './ExtensionComponent';
 export var Extension = /*#__PURE__*/function (_Component) {
-  _inherits(Extension, _Component);
-  var _super = _createSuper(Extension);
   function Extension(props) {
     var _this;
     _classCallCheck(this, Extension);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "renderWithProvider", function (_ref) {
+    _this = _callSuper(this, Extension, [props]);
+    _defineProperty(_this, "renderWithProvider", function (_ref) {
       var extensionProvider = _ref.extensionProvider;
       var _this$props = _this.props,
         node = _this$props.node,
@@ -51,7 +48,8 @@ export var Extension = /*#__PURE__*/function (_Component) {
     _this.providerFactory = props.providerFactory || new ProviderFactory();
     return _this;
   }
-  _createClass(Extension, [{
+  _inherits(Extension, _Component);
+  return _createClass(Extension, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (!this.props.providerFactory) {
@@ -70,6 +68,5 @@ export var Extension = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  return Extension;
 }(Component);
 _defineProperty(Extension, "displayName", 'Extension');