@atlaskit/media-picker 67.0.2 → 67.0.4

package/dist/cjs/service/uploadServiceImpl.js

@@ -82,7 +82,7 @@ var UploadServiceImpl = exports.UploadServiceImpl = /*#__PURE__*/function () {
     this.emitter = new _eventemitter.EventEmitter2();
     this.cancellableFilesUploads = {};
   }
-  (0, _createClass2.default)(UploadServiceImpl, [{
+  return (0, _createClass2.default)(UploadServiceImpl, [{
     key: "setUploadParams",
     value: function setUploadParams(uploadParams) {
       this.tenantUploadParams = uploadParams;
@@ -411,5 +411,4 @@ var UploadServiceImpl = exports.UploadServiceImpl = /*#__PURE__*/function () {
       this.fileRejectionHandler = handler;
     }
   }]);
-  return UploadServiceImpl;
 }();

package/dist/cjs/util/analytics.js

@@ -9,7 +9,7 @@ var _mediaClient = require("@atlaskit/media-client");
 // Component name will be prefixed with "media-picker-" in logs. Check ufoExperiences in utils files
 
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "67.0.2";
+var packageVersion = "67.0.4";
 function getPackageAttributes(componentName) {
   return {
     packageName: packageName,

package/dist/cjs/util/eventEmitter.js

@@ -16,7 +16,7 @@ var GenericEventEmitter = exports.GenericEventEmitter = /*#__PURE__*/function ()
       wildcard: true
     }));
   }
-  (0, _createClass2.default)(GenericEventEmitter, [{
+  return (0, _createClass2.default)(GenericEventEmitter, [{
     key: "once",
     value: function once(event, listener) {
       this.emitter.once(event, listener);
@@ -62,5 +62,4 @@ var GenericEventEmitter = exports.GenericEventEmitter = /*#__PURE__*/function ()
       return this.emitter.emit(event, payload);
     }
   }]);
-  return GenericEventEmitter;
 }();

package/dist/cjs/util/ufoExperiences.js

@@ -12,7 +12,7 @@ var _mediaClient = require("@atlaskit/media-client");
 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; }
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "67.0.2";
+var packageVersion = "67.0.4";
 var ufoExperience;
 var initExperience = function initExperience(id, componentName) {
   if (!ufoExperience) {

package/dist/es2019/components/clipboard/clipboard.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _class;
+var _ClipboardImpl;
 import React from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_MEDIA_CHANNEL, withMediaAnalyticsContext } from '@atlaskit/media-common';
@@ -119,7 +119,7 @@ class ClipboardImpl {
   // Replaced with the new mechanism in https://product-fabric.atlassian.net/browse/MEX-2454
   // Remove after product adoption / rollout
 }
-_class = ClipboardImpl;
+_ClipboardImpl = ClipboardImpl;
 _defineProperty(ClipboardImpl, "instances", []);
 _defineProperty(ClipboardImpl, "legacyHandleEvent", event => {
   // From https://product-fabric.atlassian.net/browse/MEX-1281 ,disable the handler if event target is input
@@ -128,7 +128,7 @@ _defineProperty(ClipboardImpl, "legacyHandleEvent", event => {
   }
 
   // last in, first served to support multiple instances listening at once
-  const instance = _class.latestInstance;
+  const instance = _ClipboardImpl.latestInstance;
   if (instance) {
     /*
          Browser behaviour for getting files from the clipboard is very inconsistent and buggy.

package/dist/es2019/util/analytics.js

@@ -3,7 +3,7 @@ import { isRequestError } from '@atlaskit/media-client';
 // Component name will be prefixed with "media-picker-" in logs. Check ufoExperiences in utils files
 
 const packageName = "@atlaskit/media-picker";
-const packageVersion = "67.0.2";
+const packageVersion = "67.0.4";
 export function getPackageAttributes(componentName) {
   return {
     packageName,

package/dist/es2019/util/ufoExperiences.js

@@ -2,7 +2,7 @@ import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } fro
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-picker";
-const packageVersion = "67.0.2";
+const packageVersion = "67.0.4";
 let ufoExperience;
 const initExperience = (id, componentName) => {
   if (!ufoExperience) {

package/dist/esm/components/browser/browser.js

@@ -1,11 +1,10 @@
 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 from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -19,14 +18,12 @@ var defaultConfig = {
 };
 var COMPONENT_NAME = 'browser';
 export var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
-  _inherits(BrowserBase, _LocalUploadComponent);
-  var _super = _createSuper(BrowserBase);
   function BrowserBase(props) {
     var _this;
     _classCallCheck(this, BrowserBase);
-    _this = _super.call(this, props, COMPONENT_NAME);
-    _defineProperty(_assertThisInitialized(_this), "browserRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "onFilePicked", function (event) {
+    _this = _callSuper(this, BrowserBase, [props, COMPONENT_NAME]);
+    _defineProperty(_this, "browserRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "onFilePicked", function (event) {
       if (!event.target) {
         return;
       }
@@ -47,7 +44,7 @@ export var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "browse", function () {
+    _defineProperty(_this, "browse", function () {
       var onClose = _this.props.onClose;
       if (!_this.browserRef.current) {
         return;
@@ -85,7 +82,8 @@ export var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
     }
     return _this;
   }
-  _createClass(BrowserBase, [{
+  _inherits(BrowserBase, _LocalUploadComponent);
+  return _createClass(BrowserBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props = this.props,
@@ -138,7 +136,6 @@ export var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
       }));
     }
   }]);
-  return BrowserBase;
 }(LocalUploadComponentReact);
 _defineProperty(BrowserBase, "defaultProps", {
   config: defaultConfig

package/dist/esm/components/browser/index.js

@@ -2,32 +2,30 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 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";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-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 from 'react';
 export var BrowserLoader = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(BrowserLoader, _React$PureComponent);
-  var _super = _createSuper(BrowserLoader);
   function BrowserLoader() {
     var _this;
     _classCallCheck(this, BrowserLoader);
     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), "mounted", false);
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, BrowserLoader, [].concat(args));
+    _defineProperty(_this, "mounted", false);
+    _defineProperty(_this, "state", {
       Browser: BrowserLoader.Browser
     });
     return _this;
   }
-  _createClass(BrowserLoader, [{
+  _inherits(BrowserLoader, _React$PureComponent);
+  return _createClass(BrowserLoader, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.mounted = true;
@@ -83,6 +81,5 @@ export var BrowserLoader = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/React.createElement(this.state.Browser, this.props);
     }
   }]);
-  return BrowserLoader;
 }(React.PureComponent);
 _defineProperty(BrowserLoader, "displayName", 'AsyncBrowser');

package/dist/esm/components/clipboard/clipboard.js

@@ -1,11 +1,11 @@
-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 _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _class;
-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); }; }
+var _ClipboardImpl;
+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 from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -65,7 +65,7 @@ var ClipboardImpl = /*#__PURE__*/function () {
     this.createAnalyticsEvent = createAnalyticsEvent;
     this.featureFlags = featureFlags;
   }
-  _createClass(ClipboardImpl, [{
+  return _createClass(ClipboardImpl, [{
     key: "activate",
     value: function activate() {
       this.deactivate();
@@ -138,9 +138,8 @@ var ClipboardImpl = /*#__PURE__*/function () {
       return ClipboardImpl.instances[ClipboardImpl.instances.length - 1];
     }
   }]);
-  return ClipboardImpl;
 }();
-_class = ClipboardImpl;
+_ClipboardImpl = ClipboardImpl;
 _defineProperty(ClipboardImpl, "instances", []);
 _defineProperty(ClipboardImpl, "legacyHandleEvent", function (event) {
   // From https://product-fabric.atlassian.net/browse/MEX-1281 ,disable the handler if event target is input
@@ -149,7 +148,7 @@ _defineProperty(ClipboardImpl, "legacyHandleEvent", function (event) {
   }
 
   // last in, first served to support multiple instances listening at once
-  var instance = _class.latestInstance;
+  var instance = _ClipboardImpl.latestInstance;
   if (instance) {
     /*
          Browser behaviour for getting files from the clipboard is very inconsistent and buggy.
@@ -174,16 +173,15 @@ _defineProperty(ClipboardImpl, "legacyHandleEvent", function (event) {
   }
 });
 export var ClipboardBase = /*#__PURE__*/function (_LocalUploadComponent) {
-  _inherits(ClipboardBase, _LocalUploadComponent);
-  var _super = _createSuper(ClipboardBase);
   function ClipboardBase(props) {
     var _this2;
     _classCallCheck(this, ClipboardBase);
-    _this2 = _super.call(this, props, COMPONENT_NAME);
+    _this2 = _callSuper(this, ClipboardBase, [props, COMPONENT_NAME]);
     _this2.clipboard = new ClipboardImpl(_this2.uploadService, _this2.props.config.container, _this2.props.config.onPaste, _this2.props.createAnalyticsEvent, props.featureFlags);
     return _this2;
   }
-  _createClass(ClipboardBase, [{
+  _inherits(ClipboardBase, _LocalUploadComponent);
+  return _createClass(ClipboardBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.clipboard.activate();
@@ -213,7 +211,6 @@ export var ClipboardBase = /*#__PURE__*/function (_LocalUploadComponent) {
       });
     }
   }]);
-  return ClipboardBase;
 }(LocalUploadComponentReact);
 _defineProperty(ClipboardBase, "defaultProps", {
   config: defaultConfig

package/dist/esm/components/clipboard/index.js

@@ -2,31 +2,29 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 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";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-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 from 'react';
 export var ClipboardLoader = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(ClipboardLoader, _React$PureComponent);
-  var _super = _createSuper(ClipboardLoader);
   function ClipboardLoader() {
     var _this;
     _classCallCheck(this, ClipboardLoader);
     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, ClipboardLoader, [].concat(args));
+    _defineProperty(_this, "state", {
       Clipboard: ClipboardLoader.Clipboard
     });
     return _this;
   }
-  _createClass(ClipboardLoader, [{
+  _inherits(ClipboardLoader, _React$PureComponent);
+  return _createClass(ClipboardLoader, [{
     key: "UNSAFE_componentWillMount",
     value: function () {
       var _UNSAFE_componentWillMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
@@ -70,6 +68,5 @@ export var ClipboardLoader = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/React.createElement(this.state.Clipboard, this.props);
     }
   }]);
-  return ClipboardLoader;
 }(React.PureComponent);
 _defineProperty(ClipboardLoader, "displayName", 'AsyncClipboard');

package/dist/esm/components/component.js

@@ -1,19 +1,18 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-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 _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; })(); }
 import { GenericEventEmitter } from '../util/eventEmitter';
 export var UploadComponent = /*#__PURE__*/function (_ref) {
-  _inherits(UploadComponent, _ref);
-  var _super = _createSuper(UploadComponent);
   function UploadComponent() {
     _classCallCheck(this, UploadComponent);
-    return _super.apply(this, arguments);
+    return _callSuper(this, UploadComponent, arguments);
   }
-  _createClass(UploadComponent, [{
+  _inherits(UploadComponent, _ref);
+  return _createClass(UploadComponent, [{
     key: "emitPluginItemsInserted",
     value: function emitPluginItemsInserted(selectedPluginItems) {
       var payload = selectedPluginItems.map(function (item) {
@@ -61,5 +60,4 @@ export var UploadComponent = /*#__PURE__*/function (_ref) {
       });
     }
   }]);
-  return UploadComponent;
 }(GenericEventEmitter);

package/dist/esm/components/dropzone/dropzone.js

@@ -1,13 +1,12 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 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";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-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 from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -24,14 +23,12 @@ function dragContainsFiles(event) {
 }
 var COMPONENT_NAME = 'dropzone';
 export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
-  _inherits(DropzoneBase, _LocalUploadComponent);
-  var _super = _createSuper(DropzoneBase);
   function DropzoneBase(props) {
     var _this;
     _classCallCheck(this, DropzoneBase);
-    _this = _super.call(this, props, COMPONENT_NAME);
-    _defineProperty(_assertThisInitialized(_this), "uiActive", false);
-    _defineProperty(_assertThisInitialized(_this), "addContainerListeners", function (container) {
+    _this = _callSuper(this, DropzoneBase, [props, COMPONENT_NAME]);
+    _defineProperty(_this, "uiActive", false);
+    _defineProperty(_this, "addContainerListeners", function (container) {
       var target = container !== null && container !== void 0 ? container : _this.getContainer();
       // TODO: migrate this file to Pragmatic drag and drop
       /* eslint-disable @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop */
@@ -40,13 +37,13 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
       target.addEventListener('drop', _this.onFileDropped);
       /* eslint-enable @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop */
     });
-    _defineProperty(_assertThisInitialized(_this), "removeContainerListeners", function (container) {
+    _defineProperty(_this, "removeContainerListeners", function (container) {
       var target = container !== null && container !== void 0 ? container : _this.getContainer();
       target.removeEventListener('dragover', _this.onDragOver, false);
       target.removeEventListener('dragleave', _this.onDragLeave, false);
       target.removeEventListener('drop', _this.onFileDropped);
     });
-    _defineProperty(_assertThisInitialized(_this), "onDragOver", function (event) {
+    _defineProperty(_this, "onDragOver", function (event) {
       event.preventDefault();
       if (event.dataTransfer && dragContainsFiles(event)) {
         var dataTransfer = event.dataTransfer;
@@ -64,7 +61,7 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onDragLeave", function (e) {
+    _defineProperty(_this, "onDragLeave", function (e) {
       if (e.dataTransfer) {
         e.preventDefault();
         var length = 0;
@@ -77,7 +74,7 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onFileDropped", /*#__PURE__*/function () {
+    _defineProperty(_this, "onFileDropped", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(dragEvent) {
         var files;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -106,14 +103,14 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
         return _ref.apply(this, arguments);
       };
     }());
-    _defineProperty(_assertThisInitialized(_this), "onDrop", function (e) {
+    _defineProperty(_this, "onDrop", function (e) {
       if (e.dataTransfer && dragContainsFiles(e)) {
         var dataTransfer = e.dataTransfer;
         var fileCount = _this.getDraggedItemsLength(dataTransfer);
         _this.sendAnalyticsAndEmitDragLeave(fileCount);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "sendAnalyticsAndEmitDragLeave", function (fileCount) {
+    _defineProperty(_this, "sendAnalyticsAndEmitDragLeave", function (fileCount) {
       _this.fireAnalyticsEvent('droppedInto', fileCount);
       if (_this.props.onDrop) {
         _this.props.onDrop();
@@ -124,7 +121,8 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     });
     return _this;
   }
-  _createClass(DropzoneBase, [{
+  _inherits(DropzoneBase, _LocalUploadComponent);
+  return _createClass(DropzoneBase, [{
     key: "getContainer",
     value: function getContainer() {
       var container = this.props.config.container;
@@ -231,7 +229,6 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
       });
     }
   }]);
-  return DropzoneBase;
 }(LocalUploadComponentReact);
 export default DropzoneBase;
 export var Dropzone = withMediaAnalyticsContext(getPackageAttributes(COMPONENT_NAME))(withAnalyticsEvents()(DropzoneBase));

package/dist/esm/components/dropzone/index.js

@@ -2,32 +2,30 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 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";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-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 from 'react';
 export var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(DropzoneLoader, _React$PureComponent);
-  var _super = _createSuper(DropzoneLoader);
   function DropzoneLoader() {
     var _this;
     _classCallCheck(this, DropzoneLoader);
     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, DropzoneLoader, [].concat(args));
+    _defineProperty(_this, "state", {
       Dropzone: DropzoneLoader.Dropzone,
       MediaPickerErrorBoundary: DropzoneLoader.MediaPickerErrorBoundary
     });
     return _this;
   }
-  _createClass(DropzoneLoader, [{
+  _inherits(DropzoneLoader, _React$PureComponent);
+  return _createClass(DropzoneLoader, [{
     key: "UNSAFE_componentWillMount",
     value: function () {
       var _UNSAFE_componentWillMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
@@ -83,6 +81,5 @@ export var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/React.createElement(MediaPickerErrorBoundary, null, /*#__PURE__*/React.createElement(Dropzone, this.props));
     }
   }]);
-  return DropzoneLoader;
 }(React.PureComponent);
 _defineProperty(DropzoneLoader, "displayName", 'AsyncDropzone');

package/dist/esm/components/localUploadReact.js

@@ -2,13 +2,12 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-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 { Component } from 'react';
 import { start, end } from 'perf-marks';
@@ -19,27 +18,25 @@ import { UploadServiceImpl } from '../service/uploadServiceImpl';
 import { getRequestMetadata } from '../util/analytics';
 import { startMediaUploadUfoExperience, succeedMediaUploadUfoExperience, failMediaUploadUfoExperience } from '../util/ufoExperiences';
 export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
-  _inherits(LocalUploadComponentReact, _Component);
-  var _super = _createSuper(LocalUploadComponentReact);
   function LocalUploadComponentReact(props, componentName) {
     var _this;
     _classCallCheck(this, LocalUploadComponentReact);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "uploadComponent", new UploadComponent());
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, LocalUploadComponentReact, [props]);
+    _defineProperty(_this, "uploadComponent", new UploadComponent());
+    _defineProperty(_this, "state", {
       errorFlags: []
     });
-    _defineProperty(_assertThisInitialized(_this), "addErrorFlag", function (flagData) {
+    _defineProperty(_this, "addErrorFlag", function (flagData) {
       _this.setState({
         errorFlags: [].concat(_toConsumableArray(_this.state.errorFlags), [flagData])
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "dismissErrorFlag", function () {
+    _defineProperty(_this, "dismissErrorFlag", function () {
       _this.setState({
         errorFlags: _this.state.errorFlags.slice(1)
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "fireCommencedEvent", function (payload) {
+    _defineProperty(_this, "fireCommencedEvent", function (payload) {
       var files = payload.files,
         traceContext = payload.traceContext;
       files.forEach(function (_ref) {
@@ -66,7 +63,7 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
         startMediaUploadUfoExperience(fileId, _this.componentName);
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "fireUploadSucceeded", function (payload) {
+    _defineProperty(_this, "fireUploadSucceeded", function (payload) {
       var _payload$file = payload.file,
         fileId = _payload$file.id,
         fileSize = _payload$file.size,
@@ -99,7 +96,7 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
         fileMimetype: fileMimetype
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "fireUploadFailed", /*#__PURE__*/function () {
+    _defineProperty(_this, "fireUploadFailed", /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload) {
         var fileId, _payload$error, errorName, rawError, traceContext, _end2, _end2$duration, uploadDurationMsec;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -145,31 +142,31 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
         return _ref2.apply(this, arguments);
       };
     }());
-    _defineProperty(_assertThisInitialized(_this), "createAndFireAnalyticsEvent", function (payload) {
+    _defineProperty(_this, "createAndFireAnalyticsEvent", function (payload) {
       var createAnalyticsEvent = _this.props.createAnalyticsEvent;
       if (createAnalyticsEvent) {
         createAnalyticsEvent(payload).fire(ANALYTICS_MEDIA_CHANNEL);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "cancel", function (uniqueIdentifier) {
+    _defineProperty(_this, "cancel", function (uniqueIdentifier) {
       _this.uploadService.cancel(uniqueIdentifier);
     });
-    _defineProperty(_assertThisInitialized(_this), "onFilesAdded", function (_ref3) {
+    _defineProperty(_this, "onFilesAdded", function (_ref3) {
       var files = _ref3.files,
         traceContext = _ref3.traceContext;
       _this.uploadComponent.emitUploadsStart(files, traceContext);
     });
-    _defineProperty(_assertThisInitialized(_this), "onFilePreviewUpdate", function (_ref4) {
+    _defineProperty(_this, "onFilePreviewUpdate", function (_ref4) {
       var file = _ref4.file,
         preview = _ref4.preview;
       _this.uploadComponent.emitUploadPreviewUpdate(file, preview);
     });
-    _defineProperty(_assertThisInitialized(_this), "onFileConverting", function (_ref5) {
+    _defineProperty(_this, "onFileConverting", function (_ref5) {
       var file = _ref5.file,
         traceContext = _ref5.traceContext;
       _this.uploadComponent.emitUploadEnd(file, traceContext);
     });
-    _defineProperty(_assertThisInitialized(_this), "onUploadError", function (_ref6) {
+    _defineProperty(_this, "onUploadError", function (_ref6) {
       var fileId = _ref6.fileId,
         error = _ref6.error,
         traceContext = _ref6.traceContext;
@@ -217,11 +214,11 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
     _this.uploadService.onFileEmpty(onFileRejection);
     return _this;
   }
-  _createClass(LocalUploadComponentReact, [{
+  _inherits(LocalUploadComponentReact, _Component);
+  return _createClass(LocalUploadComponentReact, [{
     key: "setUploadParams",
     value: function setUploadParams(uploadParams) {
       this.uploadService.setUploadParams(uploadParams);
     }
   }]);
-  return LocalUploadComponentReact;
 }(Component);