@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/esm/plugins/media/toolbar/utils.js

@@ -4,49 +4,40 @@ import { getMediaClient } from '@atlaskit/media-client';
 import { findParentNodeOfType, removeParentNodeOfType, removeSelectedNode } from 'prosemirror-utils';
 export var getSelectedMediaContainerNodeAttrs = function getSelectedMediaContainerNodeAttrs(mediaPluginState) {
   var selectedNode = mediaPluginState.selectedMediaContainerNode();
-
   if (selectedNode && selectedNode.attrs) {
     return selectedNode.attrs;
   }
-
   return null;
 };
 export var downloadMedia = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(mediaPluginState) {
     var selectedNodeAttrs, id, _selectedNodeAttrs$co, collection, mediaClient, fileState, fileName;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
             selectedNodeAttrs = getSelectedMediaContainerNodeAttrs(mediaPluginState);
-
             if (!(selectedNodeAttrs && mediaPluginState.mediaClientConfig)) {
               _context.next = 10;
               break;
             }
-
             id = selectedNodeAttrs.id, _selectedNodeAttrs$co = selectedNodeAttrs.collection, collection = _selectedNodeAttrs$co === void 0 ? '' : _selectedNodeAttrs$co;
             mediaClient = getMediaClient(mediaPluginState.mediaClientConfig);
             _context.next = 7;
             return mediaClient.file.getCurrentState(id, {
               collectionName: collection
             });
-
           case 7:
             fileState = _context.sent;
             fileName = fileState.status === 'error' ? undefined : fileState.name;
             mediaClient.file.downloadBinary(id, fileName, collection);
-
           case 10:
             return _context.abrupt("return", true);
-
           case 13:
             _context.prev = 13;
             _context.t0 = _context["catch"](0);
             return _context.abrupt("return", false);
-
           case 16:
           case "end":
             return _context.stop();
@@ -54,7 +45,6 @@ export var downloadMedia = /*#__PURE__*/function () {
       }
     }, _callee, null, [[0, 13]]);
   }));
-
   return function downloadMedia(_x) {
     return _ref.apply(this, arguments);
   };
@@ -62,13 +52,12 @@ export var downloadMedia = /*#__PURE__*/function () {
 export var removeMediaGroupNode = function removeMediaGroupNode(state) {
   var mediaGroup = state.schema.nodes.mediaGroup;
   var mediaGroupParent = findParentNodeOfType(mediaGroup)(state.selection);
-  var tr = state.tr; // If it is the last media group in filmstrip, remove the entire filmstrip
-
+  var tr = state.tr;
+  // If it is the last media group in filmstrip, remove the entire filmstrip
   if (mediaGroupParent && mediaGroupParent.node.childCount === 1) {
     tr = removeParentNodeOfType(mediaGroup)(tr);
   } else {
     tr = removeSelectedNode(tr);
   }
-
   return tr;
 };

package/dist/esm/plugins/media/ui/CaptionPlaceholder/index.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';

package/dist/esm/plugins/media/ui/Media/DropPlaceholder.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { borderRadius } from '@atlaskit/theme/constants';
@@ -13,7 +11,6 @@ import { dropPlaceholderMessages } from './drop-placeholder-messages';
 import { MEDIA_HEIGHT, FILE_WIDTH } from '../../nodeviews/mediaNodeView/media';
 var iconWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  background: ", ";\n  border-radius: ", "px;\n  margin: 5px 3px 25px;\n  width: ", "px;\n  min-height: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), "var(--ds-icon-accent-blue, ".concat(hexToRgba(B400, 0.4) || B400, ")"), "var(--ds-background-accent-blue-subtle, ".concat(hexToRgba(B300, 0.6) || B300, ")"), borderRadius(), FILE_WIDTH, MEDIA_HEIGHT);
 var dropLine = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: ", "px;\n  margin: 2px 0;\n  width: 100%;\n  height: 2px;\n"])), "var(--ds-border-focused, ".concat(B200, ")"), borderRadius());
-
 var IconWrapperComponent = function IconWrapperComponent(props) {
   var intl = props.intl;
   var dropPlaceholderLabel = dropPlaceholderMessages.dropPlaceholderLabel;
@@ -24,11 +21,10 @@ var IconWrapperComponent = function IconWrapperComponent(props) {
     size: "medium"
   }));
 };
-
 var IntlIconWrapper = injectIntl(IconWrapperComponent);
 export default (function (_ref) {
   var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'group' : _ref$type;
+    type = _ref$type === void 0 ? 'group' : _ref$type;
   return type === 'single' ? jsx("div", {
     css: dropLine
   }) : jsx(IntlIconWrapper, null);

package/dist/esm/plugins/media/ui/MediaLinkingToolbar.js

@@ -6,19 +6,16 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /** @jsx jsx */
 import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { ErrorMessage } from '@atlaskit/editor-common/ui';
 import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
-import EditorUnlinkIcon from '@atlaskit/icon/glyph/editor/unlink'; // Common Translations will live here
+import EditorUnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
+// Common Translations will live here
 
 import PanelTextInput from '../../../ui/PanelTextInput';
 import Button from '../../floating-toolbar/ui/Button';
@@ -34,91 +31,71 @@ var validationWrapper = css(_templateObject || (_templateObject = _taggedTemplat
 var buttonWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 4px 8px 4px 0px;\n"])));
 export var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(LinkAddToolbar, _React$PureComponent);
-
   var _super = _createSuper(LinkAddToolbar);
-
   function LinkAddToolbar() {
     var _this;
-
     _classCallCheck(this, LinkAddToolbar);
-
     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", {
       validationErrors: []
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleSubmit", function (_ref) {
       var url = _ref.url,
-          inputMethod = _ref.inputMethod;
-
+        inputMethod = _ref.inputMethod;
       _this.props.onSubmit(url, {
         inputMethod: inputMethod
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleOnBack", function (_ref2) {
       var url = _ref2.url,
-          inputMethod = _ref2.inputMethod;
+        inputMethod = _ref2.inputMethod;
       var onBack = _this.props.onBack;
-
       if (onBack) {
         onBack(url, {
           inputMethod: inputMethod
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleCancel", function () {
       var onCancel = _this.props.onCancel;
-
       if (onCancel) {
         onCancel();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleUnlink", function () {
       var onUnlink = _this.props.onUnlink;
-
       if (onUnlink) {
         onUnlink();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleOnBlur", function (options) {
       _this.props.onBlur(options.url);
     });
-
     _defineProperty(_assertThisInitialized(_this), "renderContainer", function (_ref3) {
       var activityProvider = _ref3.activityProvider,
-          _ref3$inputProps = _ref3.inputProps,
-          _onChange = _ref3$inputProps.onChange,
-          onKeyDown = _ref3$inputProps.onKeyDown,
-          _onSubmit = _ref3$inputProps.onSubmit,
-          value = _ref3$inputProps.value,
-          currentInputMethod = _ref3.currentInputMethod,
-          renderRecentList = _ref3.renderRecentList;
+        _ref3$inputProps = _ref3.inputProps,
+        _onChange = _ref3$inputProps.onChange,
+        onKeyDown = _ref3$inputProps.onKeyDown,
+        _onSubmit = _ref3$inputProps.onSubmit,
+        value = _ref3$inputProps.value,
+        currentInputMethod = _ref3.currentInputMethod,
+        renderRecentList = _ref3.renderRecentList;
       var _this$props = _this.props,
-          formatMessage = _this$props.intl.formatMessage,
-          displayUrl = _this$props.displayUrl;
-
+        formatMessage = _this$props.intl.formatMessage,
+        displayUrl = _this$props.displayUrl;
       var getPlaceholder = function getPlaceholder(hasActivityProvider) {
         return formatMessage(hasActivityProvider ? linkToolbarMessages.placeholder : linkToolbarMessages.linkPlaceholder);
       };
-
       var formatLinkAddressText = formatMessage(mediaLinkToolbarMessages.backLink);
       var formatUnlinkText = formatMessage(linkToolbarMessages.unlink);
-
       var errorsList = _this.state.validationErrors.map(function (error, index) {
         return jsx(ErrorMessage, {
           key: index
         }, error);
       });
-
       return jsx("div", {
         className: "recent-list"
       }, jsx("div", {
@@ -146,11 +123,9 @@ export var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
         defaultValue: value,
         onSubmit: function onSubmit(inputValue) {
           var validationErrors = _this.getValidationErrors(inputValue, currentInputMethod);
-
           _this.setState({
             validationErrors: validationErrors
           });
-
           if (!validationErrors.length) {
             _onSubmit();
           }
@@ -159,7 +134,6 @@ export var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
           _this.setState({
             validationErrors: []
           });
-
           _onChange(value);
         },
         onKeyDown: onKeyDown
@@ -173,25 +147,22 @@ export var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
         css: validationWrapper
       }, errorsList), renderRecentList()));
     });
-
     return _this;
   }
-
   _createClass(LinkAddToolbar, [{
     key: "getValidationErrors",
     value: function getValidationErrors(value, inputMethod) {
-      var formatMessage = this.props.intl.formatMessage; // dont show validation errors if input method is typeahed, which means user selects from search list
+      var formatMessage = this.props.intl.formatMessage;
 
+      // dont show validation errors if input method is typeahed, which means user selects from search list
       if (inputMethod === INPUT_METHOD.TYPEAHEAD) {
         return [];
       }
-
       if (!value) {
         return [formatMessage(linkToolbarMessages.emptyLink)];
-      } // if url can be normalized - we consider it is a valid url
+      }
+      // if url can be normalized - we consider it is a valid url
       // also don't show validaition errors for empty values
-
-
       if (normalizeUrl(value)) {
         return [];
       } else {
@@ -202,8 +173,8 @@ export var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          providerFactory = _this$props2.providerFactory,
-          displayUrl = _this$props2.displayUrl;
+        providerFactory = _this$props2.providerFactory,
+        displayUrl = _this$props2.displayUrl;
       return jsx(RecentSearch, {
         defaultUrl: normalizeUrl(displayUrl),
         providerFactory: providerFactory,
@@ -213,7 +184,6 @@ export var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
       });
     }
   }]);
-
   return LinkAddToolbar;
 }(React.PureComponent);
 export default LinkAddToolbar;

package/dist/esm/plugins/media/ui/MediaPicker/BrowserWrapper.js

@@ -1,29 +1,24 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import PickerFacadeProvider from './PickerFacadeProvider';
 import { Browser } from '@atlaskit/media-picker';
 export var BrowserWrapper = function BrowserWrapper(_ref) {
   var mediaState = _ref.mediaState,
-      isOpen = _ref.isOpen,
-      onBrowseFn = _ref.onBrowseFn,
-      featureFlags = _ref.featureFlags;
+    isOpen = _ref.isOpen,
+    onBrowseFn = _ref.onBrowseFn,
+    featureFlags = _ref.featureFlags;
   return /*#__PURE__*/React.createElement(PickerFacadeProvider, {
     mediaState: mediaState,
     analyticsName: "browser"
   }, function (_ref2) {
     var mediaClientConfig = _ref2.mediaClientConfig,
-        config = _ref2.config,
-        pickerFacadeInstance = _ref2.pickerFacadeInstance;
-
+      config = _ref2.config,
+      pickerFacadeInstance = _ref2.pickerFacadeInstance;
     var browserConfig = _objectSpread(_objectSpread({}, config), {}, {
       multiple: true
     });
-
     return /*#__PURE__*/React.createElement(Browser, {
       onBrowseFn: onBrowseFn,
       isOpen: isOpen,

package/dist/esm/plugins/media/ui/MediaPicker/ClipboardWrapper.js

@@ -3,14 +3,14 @@ import PickerFacadeProvider from './PickerFacadeProvider';
 import { Clipboard } from '@atlaskit/media-picker';
 export var ClipboardWrapper = function ClipboardWrapper(_ref) {
   var mediaState = _ref.mediaState,
-      featureFlags = _ref.featureFlags;
+    featureFlags = _ref.featureFlags;
   return /*#__PURE__*/React.createElement(PickerFacadeProvider, {
     mediaState: mediaState,
     analyticsName: "clipboard"
   }, function (_ref2) {
     var mediaClientConfig = _ref2.mediaClientConfig,
-        config = _ref2.config,
-        pickerFacadeInstance = _ref2.pickerFacadeInstance;
+      config = _ref2.config,
+      pickerFacadeInstance = _ref2.pickerFacadeInstance;
     return /*#__PURE__*/React.createElement(Clipboard, {
       mediaClientConfig: mediaClientConfig,
       config: config,

package/dist/esm/plugins/media/ui/MediaPicker/DropzoneWrapper.js

@@ -1,36 +1,31 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import { Dropzone } from '@atlaskit/media-picker';
 import PickerFacadeProvider from './PickerFacadeProvider';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 export var DropzoneWrapper = function DropzoneWrapper(_ref) {
   var mediaState = _ref.mediaState,
-      isActive = _ref.isActive,
-      featureFlags = _ref.featureFlags,
-      editorDomElement = _ref.editorDomElement,
-      appearance = _ref.appearance;
+    isActive = _ref.isActive,
+    featureFlags = _ref.featureFlags,
+    editorDomElement = _ref.editorDomElement,
+    appearance = _ref.appearance;
   return /*#__PURE__*/React.createElement(PickerFacadeProvider, {
     mediaState: mediaState,
     analyticsName: "dropzone"
   }, function (_ref2) {
     var mediaClientConfig = _ref2.mediaClientConfig,
-        config = _ref2.config,
-        pickerFacadeInstance = _ref2.pickerFacadeInstance;
+      config = _ref2.config,
+      pickerFacadeInstance = _ref2.pickerFacadeInstance;
     var customDropzoneContainer = mediaState.options.customDropzoneContainer,
-        handleDrag = mediaState.handleDrag;
+      handleDrag = mediaState.handleDrag;
     var editorHtmlElement = editorDomElement;
     var scrollParent = appearance === 'full-page' && findOverflowScrollParent(editorHtmlElement);
     var container = customDropzoneContainer || (scrollParent ? scrollParent : editorHtmlElement);
-
     var dropzoneConfig = _objectSpread(_objectSpread({}, config), {}, {
       container: container
     });
-
     return isActive ? /*#__PURE__*/React.createElement(Dropzone, {
       mediaClientConfig: mediaClientConfig,
       config: dropzoneConfig,

package/dist/esm/plugins/media/ui/MediaPicker/PickerFacadeProvider.js

@@ -7,11 +7,8 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import { ErrorReporter } from '@atlaskit/editor-common/utils';
 import PickerFacade from '../../picker-facade';
@@ -22,29 +19,20 @@ var dummyMediaPickerObject = {
   destroy: function destroy() {},
   setUploadParams: function setUploadParams() {}
 };
-
 var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
   _inherits(PickerFacadeProvider, _React$Component);
-
   var _super = _createSuper(PickerFacadeProvider);
-
   function PickerFacadeProvider() {
     var _this;
-
     _classCallCheck(this, PickerFacadeProvider);
-
     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", {});
-
     _defineProperty(_assertThisInitialized(_this), "handleMediaProvider", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_name, provider) {
         var _this$props, mediaState, analyticsName, mediaProvider, resolvedMediaClientConfig, pickerFacadeConfig, pickerFacadeInstance, config;
-
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -52,45 +40,33 @@ var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
                 _this$props = _this.props, mediaState = _this$props.mediaState, analyticsName = _this$props.analyticsName;
                 _context.next = 3;
                 return provider;
-
               case 3:
                 mediaProvider = _context.sent;
-
                 if (!(!mediaProvider || !mediaProvider.uploadParams)) {
                   _context.next = 6;
                   break;
                 }
-
                 return _context.abrupt("return");
-
               case 6:
                 _context.next = 8;
                 return mediaProvider.uploadMediaClientConfig;
-
               case 8:
                 _context.t0 = _context.sent;
-
                 if (_context.t0) {
                   _context.next = 13;
                   break;
                 }
-
                 _context.next = 12;
                 return mediaProvider.viewMediaClientConfig;
-
               case 12:
                 _context.t0 = _context.sent;
-
               case 13:
                 resolvedMediaClientConfig = _context.t0;
-
                 if (resolvedMediaClientConfig) {
                   _context.next = 16;
                   break;
                 }
-
                 return _context.abrupt("return");
-
               case 16:
                 pickerFacadeConfig = {
                   mediaClientConfig: resolvedMediaClientConfig,
@@ -105,13 +81,10 @@ var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
                  * But we don't want this to do anything since it's all part of the new React component (`Clipboard` component in this case).
                  * Eventually PickerFacade will be removed and replaced with a new abstraction explained here https://product-fabric.atlassian.net/browse/MS-1937
                  */
-
                 _context.next = 19;
                 return new PickerFacade('customMediaPicker', pickerFacadeConfig, dummyMediaPickerObject, analyticsName).init();
-
               case 19:
                 pickerFacadeInstance = _context.sent;
-
                 /**
                  * Based on the `initPickers` method in `MediaPluginState` we need these 2 `onNewMedia` subscriptions.
                  * First one in order to trigger the entire process of uploading a file for when `onPreviewUpdate` is called
@@ -122,13 +95,11 @@ var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
                 config = {
                   uploadParams: mediaProvider.uploadParams
                 };
-
                 _this.setState({
                   pickerFacadeInstance: pickerFacadeInstance,
                   config: config,
                   mediaClientConfig: resolvedMediaClientConfig
                 });
-
               case 24:
               case "end":
                 return _context.stop();
@@ -136,15 +107,12 @@ var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
           }
         }, _callee);
       }));
-
       return function (_x, _x2) {
         return _ref.apply(this, arguments);
       };
     }());
-
     return _this;
   }
-
   _createClass(PickerFacadeProvider, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -159,14 +127,12 @@ var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$state = this.state,
-          mediaClientConfig = _this$state.mediaClientConfig,
-          config = _this$state.config,
-          pickerFacadeInstance = _this$state.pickerFacadeInstance;
-
+        mediaClientConfig = _this$state.mediaClientConfig,
+        config = _this$state.config,
+        pickerFacadeInstance = _this$state.pickerFacadeInstance;
       if (!mediaClientConfig || !config || !pickerFacadeInstance) {
         return null;
       }
-
       return this.props.children({
         mediaClientConfig: mediaClientConfig,
         config: config,
@@ -174,8 +140,6 @@ var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return PickerFacadeProvider;
 }(React.Component);
-
 export { PickerFacadeProvider as default };

package/dist/esm/plugins/media/ui/MediaPicker/index.js

@@ -5,11 +5,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import { ClipboardWrapper } from './ClipboardWrapper';
 import { DropzoneWrapper } from './DropzoneWrapper';
@@ -18,37 +15,27 @@ import WithPluginState from '../../../../ui/WithPluginState';
 import { focusStateKey } from '../../../../plugins/base/pm-plugins/focus-handler';
 export var MediaPickerComponents = /*#__PURE__*/function (_React$Component) {
   _inherits(MediaPickerComponents, _React$Component);
-
   var _super = _createSuper(MediaPickerComponents);
-
   function MediaPickerComponents() {
     var _this;
-
     _classCallCheck(this, MediaPickerComponents);
-
     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", {
       isPopupOpened: false
     });
-
     _defineProperty(_assertThisInitialized(_this), "onBrowseFn", function (nativeBrowseFn) {
       var mediaState = _this.props.mediaState;
       mediaState && mediaState.setBrowseFn(nativeBrowseFn);
     });
-
     return _this;
   }
-
   _createClass(MediaPickerComponents, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       var mediaState = this.props.mediaState;
       mediaState.onPopupToggle(function (isPopupOpened) {
         _this2.setState({
@@ -60,11 +47,10 @@ export var MediaPickerComponents = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       var _this$props = this.props,
-          mediaState = _this$props.mediaState,
-          editorDomElement = _this$props.editorDomElement,
-          appearance = _this$props.appearance;
+        mediaState = _this$props.mediaState,
+        editorDomElement = _this$props.editorDomElement,
+        appearance = _this$props.appearance;
       var isPopupOpened = this.state.isPopupOpened;
       var featureFlags = mediaState.mediaOptions && mediaState.mediaOptions.featureFlags;
       return /*#__PURE__*/React.createElement(WithPluginState, {
@@ -92,8 +78,6 @@ export var MediaPickerComponents = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return MediaPickerComponents;
 }(React.Component);
-
 _defineProperty(MediaPickerComponents, "displayName", 'MediaPickerComponents');