@atlaskit/media-picker 64.3.0 → 64.4.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/media-picker
 
+## 64.4.0
+
+### Minor Changes
+
+- [`1df7534fc12`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1df7534fc12) - [ux] Introduce file size limits when uploading
+
+### Patch Changes
+
+- Updated dependencies
+
+## 64.3.1
+
+### Patch Changes
+
+- [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
+- Updated dependencies
+
 ## 64.3.0
 
 ### Minor Changes

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

@@ -53,34 +53,32 @@ var BrowserLoader = /*#__PURE__*/function (_React$PureComponent) {
       var _UNSAFE_componentWillMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var _yield$Promise$all, _yield$Promise$all2, mediaClient, browserModule;
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (this.state.Browser) {
-                  _context.next = 9;
-                  break;
-                }
-                _context.next = 3;
-                return Promise.all([Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('@atlaskit/media-client'));
-                }), Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('./browser'));
-                })]);
-              case 3:
-                _yield$Promise$all = _context.sent;
-                _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 2);
-                mediaClient = _yield$Promise$all2[0];
-                browserModule = _yield$Promise$all2[1];
-                BrowserLoader.Browser = mediaClient.withMediaClient(browserModule.Browser, this.props.featureFlags);
-                if (this.mounted) {
-                  this.setState({
-                    Browser: BrowserLoader.Browser
-                  });
-                }
-              case 9:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (this.state.Browser) {
+                _context.next = 9;
+                break;
+              }
+              _context.next = 3;
+              return Promise.all([Promise.resolve().then(function () {
+                return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'));
+              }), Promise.resolve().then(function () {
+                return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-browser" */'./browser'));
+              })]);
+            case 3:
+              _yield$Promise$all = _context.sent;
+              _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 2);
+              mediaClient = _yield$Promise$all2[0];
+              browserModule = _yield$Promise$all2[1];
+              BrowserLoader.Browser = mediaClient.withMediaClient(browserModule.Browser, this.props.featureFlags);
+              if (this.mounted) {
+                this.setState({
+                  Browser: BrowserLoader.Browser
+                });
+              }
+            case 9:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this);
       }));

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

@@ -42,32 +42,30 @@ var ClipboardLoader = /*#__PURE__*/function (_React$PureComponent) {
       var _UNSAFE_componentWillMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var _yield$Promise$all, _yield$Promise$all2, mediaClient, clipboardModule;
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (this.state.Clipboard) {
-                  _context.next = 9;
-                  break;
-                }
-                _context.next = 3;
-                return Promise.all([Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('@atlaskit/media-client'));
-                }), Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('./clipboard'));
-                })]);
-              case 3:
-                _yield$Promise$all = _context.sent;
-                _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 2);
-                mediaClient = _yield$Promise$all2[0];
-                clipboardModule = _yield$Promise$all2[1];
-                ClipboardLoader.Clipboard = mediaClient.withMediaClient(clipboardModule.Clipboard, this.props.featureFlags);
-                this.setState({
-                  Clipboard: ClipboardLoader.Clipboard
-                });
-              case 9:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (this.state.Clipboard) {
+                _context.next = 9;
+                break;
+              }
+              _context.next = 3;
+              return Promise.all([Promise.resolve().then(function () {
+                return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'));
+              }), Promise.resolve().then(function () {
+                return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-clipboard" */'./clipboard'));
+              })]);
+            case 3:
+              _yield$Promise$all = _context.sent;
+              _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 2);
+              mediaClient = _yield$Promise$all2[0];
+              clipboardModule = _yield$Promise$all2[1];
+              ClipboardLoader.Clipboard = mediaClient.withMediaClient(clipboardModule.Clipboard, this.props.featureFlags);
+              this.setState({
+                Clipboard: ClipboardLoader.Clipboard
+              });
+            case 9:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this);
       }));

package/dist/cjs/components/dropzone/dropzone.js

@@ -85,45 +85,43 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(dragEvent) {
         var featureFlags, flattenedDirectoryFiles, files;
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (dragEvent.dataTransfer) {
-                  _context.next = 2;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 2:
-                dragEvent.preventDefault();
-                dragEvent.stopPropagation();
-                featureFlags = _this.props.featureFlags; // refreshes uploadParams as only set once in parent constructor
-                _this.setUploadParams(_this.props.config.uploadParams);
-                /*
-                 * Only enable support for folders if (1) the browser is supported (2) feature flag is enabled
-                 * The file flattening library used to add support for Folders uses a function called webkitEntry.
-                 * Some browser types are not supported https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitEntries
-                 */
-                if (!((0, _browser.isWebkitSupported)() && (0, _mediaCommon.getMediaFeatureFlag)('folderUploads', featureFlags))) {
-                  _context.next = 15;
-                  break;
-                }
-                _this.fireAnalyticsForFolders(dragEvent.dataTransfer.items);
-                _context.next = 10;
-                return _this.getFilesFromDragEvent(dragEvent.dataTransfer.items);
-              case 10:
-                flattenedDirectoryFiles = _context.sent;
-                _this.onDropFolders(flattenedDirectoryFiles.length);
-                _this.uploadService.addFiles(flattenedDirectoryFiles, featureFlags);
-                _context.next = 18;
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (dragEvent.dataTransfer) {
+                _context.next = 2;
                 break;
-              case 15:
-                _this.onDrop(dragEvent);
-                files = Array.from(dragEvent.dataTransfer.files);
-                _this.uploadService.addFiles(files, featureFlags);
-              case 18:
-              case "end":
-                return _context.stop();
-            }
+              }
+              return _context.abrupt("return");
+            case 2:
+              dragEvent.preventDefault();
+              dragEvent.stopPropagation();
+              featureFlags = _this.props.featureFlags; // refreshes uploadParams as only set once in parent constructor
+              _this.setUploadParams(_this.props.config.uploadParams);
+              /*
+               * Only enable support for folders if (1) the browser is supported (2) feature flag is enabled
+               * The file flattening library used to add support for Folders uses a function called webkitEntry.
+               * Some browser types are not supported https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitEntries
+               */
+              if (!((0, _browser.isWebkitSupported)() && (0, _mediaCommon.getMediaFeatureFlag)('folderUploads', featureFlags))) {
+                _context.next = 15;
+                break;
+              }
+              _this.fireAnalyticsForFolders(dragEvent.dataTransfer.items);
+              _context.next = 10;
+              return _this.getFilesFromDragEvent(dragEvent.dataTransfer.items);
+            case 10:
+              flattenedDirectoryFiles = _context.sent;
+              _this.onDropFolders(flattenedDirectoryFiles.length);
+              _this.uploadService.addFiles(flattenedDirectoryFiles, featureFlags);
+              _context.next = 18;
+              break;
+            case 15:
+              _this.onDrop(dragEvent);
+              files = Array.from(dragEvent.dataTransfer.files);
+              _this.uploadService.addFiles(files, featureFlags);
+            case 18:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
@@ -131,6 +129,9 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
         return _ref.apply(this, arguments);
       };
     }());
+    /*
+     * Checks how many folders are uploaded in a single drag and drop. Then, fires an analytic event in accordance to this.
+     */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireAnalyticsForFolders", function (items) {
       //convert DataTransferItemList into an array of DataTransferItem(s)
       var toArray = Array.from(items);
@@ -151,27 +152,28 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
         _this.fireAnalyticsEvent('folderDroppedInto', folderCount);
       }
     });
+    /*
+     * Files dropped contains a directory. Thus, flatten the directory to return an array of Files.
+     */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFilesFromDragEvent", /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(dragEventItemList) {
         var items, fileSystemEntries, files;
         return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                items = dragEventItemList; //If items consist of directory or directories, flatten it to grab the files only. Else, just get the files
-                _context2.next = 3;
-                return (0, _flatFiles.getFilesFromItems)(items);
-              case 3:
-                fileSystemEntries = _context2.sent;
-                _context2.next = 6;
-                return (0, _flatFiles.getFilesFromFileSystemEntries)(fileSystemEntries);
-              case 6:
-                files = _context2.sent;
-                return _context2.abrupt("return", _this.filterFilesAgainstBlacklist(files));
-              case 8:
-              case "end":
-                return _context2.stop();
-            }
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              items = dragEventItemList; //If items consist of directory or directories, flatten it to grab the files only. Else, just get the files
+              _context2.next = 3;
+              return (0, _flatFiles.getFilesFromItems)(items);
+            case 3:
+              fileSystemEntries = _context2.sent;
+              _context2.next = 6;
+              return (0, _flatFiles.getFilesFromFileSystemEntries)(fileSystemEntries);
+            case 6:
+              files = _context2.sent;
+              return _context2.abrupt("return", _this.filterFilesAgainstBlacklist(files));
+            case 8:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2);
       }));
@@ -188,6 +190,7 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
         return !blacklist.includes(file.name);
       });
     });
+    // Similar to the onDrop event, but for folders.
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDropFolders", function (fileCount) {
       if (fileCount > 0) {
         _this.sendAnalyticsAndEmitDragLeave(fileCount);
@@ -259,8 +262,6 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
       // This is required for IE11
       return dataTransfer.files.length;
     }
-
-    // Similar to the onDrop event, but for folders.
   }, {
     key: "emitDragOver",
     value: function emitDragOver(payload) {

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

@@ -43,43 +43,41 @@ var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
       var _UNSAFE_componentWillMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var _yield$Promise$all, _yield$Promise$all2, mediaClient, dropzoneModule, mediaPickerErrorBoundaryModule;
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!(!this.state.Dropzone || !this.state.MediaPickerErrorBoundary)) {
-                  _context.next = 16;
-                  break;
-                }
-                _context.prev = 1;
-                _context.next = 4;
-                return Promise.all([Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('@atlaskit/media-client'));
-                }), Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('./dropzone'));
-                }), Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('../media-picker-analytics-error-boundary'));
-                })]);
-              case 4:
-                _yield$Promise$all = _context.sent;
-                _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 3);
-                mediaClient = _yield$Promise$all2[0];
-                dropzoneModule = _yield$Promise$all2[1];
-                mediaPickerErrorBoundaryModule = _yield$Promise$all2[2];
-                DropzoneLoader.Dropzone = mediaClient.withMediaClient(dropzoneModule.Dropzone, this.props.featureFlags);
-                DropzoneLoader.MediaPickerErrorBoundary = mediaPickerErrorBoundaryModule.default;
-                this.setState({
-                  Dropzone: DropzoneLoader.Dropzone,
-                  MediaPickerErrorBoundary: DropzoneLoader.MediaPickerErrorBoundary
-                });
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!(!this.state.Dropzone || !this.state.MediaPickerErrorBoundary)) {
                 _context.next = 16;
                 break;
-              case 14:
-                _context.prev = 14;
-                _context.t0 = _context["catch"](1);
-              case 16:
-              case "end":
-                return _context.stop();
-            }
+              }
+              _context.prev = 1;
+              _context.next = 4;
+              return Promise.all([Promise.resolve().then(function () {
+                return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'));
+              }), Promise.resolve().then(function () {
+                return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-dropzone" */'./dropzone'));
+              }), Promise.resolve().then(function () {
+                return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'../media-picker-analytics-error-boundary'));
+              })]);
+            case 4:
+              _yield$Promise$all = _context.sent;
+              _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 3);
+              mediaClient = _yield$Promise$all2[0];
+              dropzoneModule = _yield$Promise$all2[1];
+              mediaPickerErrorBoundaryModule = _yield$Promise$all2[2];
+              DropzoneLoader.Dropzone = mediaClient.withMediaClient(dropzoneModule.Dropzone, this.props.featureFlags);
+              DropzoneLoader.MediaPickerErrorBoundary = mediaPickerErrorBoundaryModule.default;
+              this.setState({
+                Dropzone: DropzoneLoader.Dropzone,
+                MediaPickerErrorBoundary: DropzoneLoader.MediaPickerErrorBoundary
+              });
+              _context.next = 16;
+              break;
+            case 14:
+              _context.prev = 14;
+              _context.t0 = _context["catch"](1);
+            case 16:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this, [[1, 14]]);
       }));

package/dist/cjs/components/localUploadReact.js

@@ -96,43 +96,41 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
         var fileId, _payload$error, errorName, rawError, traceContext, _end2, _end2$duration, uploadDurationMsec;
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                fileId = payload.fileId, _payload$error = payload.error, errorName = _payload$error.name, rawError = _payload$error.rawError, traceContext = payload.traceContext;
-                _end2 = (0, _perfMarks.end)("MediaPicker.fireUpload.".concat(fileId)), _end2$duration = _end2.duration, uploadDurationMsec = _end2$duration === void 0 ? -1 : _end2$duration;
-                _this.createAndFireAnalyticsEvent({
-                  eventType: 'operational',
-                  action: 'failed',
-                  actionSubject: 'mediaUpload',
-                  actionSubjectId: 'localMedia',
-                  attributes: {
-                    sourceType: 'local',
-                    serviceName: 'upload',
-                    status: 'fail',
-                    failReason: errorName,
-                    error: !!rawError ? (0, _mediaClient.getMediaClientErrorReason)(rawError) : 'unknown',
-                    request: !!rawError ? (0, _analytics.getRequestMetadata)(rawError) : undefined,
-                    fileAttributes: {
-                      fileId: fileId
-                    },
-                    uploadDurationMsec: uploadDurationMsec,
-                    traceContext: traceContext
-                  }
-                });
-                (0, _ufoExperiences.failMediaUploadUfoExperience)(fileId, {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              fileId = payload.fileId, _payload$error = payload.error, errorName = _payload$error.name, rawError = _payload$error.rawError, traceContext = payload.traceContext;
+              _end2 = (0, _perfMarks.end)("MediaPicker.fireUpload.".concat(fileId)), _end2$duration = _end2.duration, uploadDurationMsec = _end2$duration === void 0 ? -1 : _end2$duration;
+              _this.createAndFireAnalyticsEvent({
+                eventType: 'operational',
+                action: 'failed',
+                actionSubject: 'mediaUpload',
+                actionSubjectId: 'localMedia',
+                attributes: {
+                  sourceType: 'local',
+                  serviceName: 'upload',
+                  status: 'fail',
                   failReason: errorName,
                   error: !!rawError ? (0, _mediaClient.getMediaClientErrorReason)(rawError) : 'unknown',
                   request: !!rawError ? (0, _analytics.getRequestMetadata)(rawError) : undefined,
                   fileAttributes: {
                     fileId: fileId
                   },
-                  uploadDurationMsec: uploadDurationMsec
-                });
-              case 4:
-              case "end":
-                return _context.stop();
-            }
+                  uploadDurationMsec: uploadDurationMsec,
+                  traceContext: traceContext
+                }
+              });
+              (0, _ufoExperiences.failMediaUploadUfoExperience)(fileId, {
+                failReason: errorName,
+                error: !!rawError ? (0, _mediaClient.getMediaClientErrorReason)(rawError) : 'unknown',
+                request: !!rawError ? (0, _analytics.getRequestMetadata)(rawError) : undefined,
+                fileAttributes: {
+                  fileId: fileId
+                },
+                uploadDurationMsec: uploadDurationMsec
+              });
+            case 4:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));

package/dist/cjs/service/types.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.MAX_FILE_SIZE_FOR_PREVIEW = exports.LocalFileSource = void 0;
 var MAX_FILE_SIZE_FOR_PREVIEW = 10e6; // 10 MB
 exports.MAX_FILE_SIZE_FOR_PREVIEW = MAX_FILE_SIZE_FOR_PREVIEW;
-var LocalFileSource;
-exports.LocalFileSource = LocalFileSource;
-(function (LocalFileSource) {
+var LocalFileSource = /*#__PURE__*/function (LocalFileSource) {
   LocalFileSource["PastedFile"] = "pastedFile";
   LocalFileSource["PastedScreenshot"] = "pastedScreenshot";
   LocalFileSource["LocalUpload"] = "localUpload";
-})(LocalFileSource || (exports.LocalFileSource = LocalFileSource = {}));
+  return LocalFileSource;
+}({});
+exports.LocalFileSource = LocalFileSource;