@atlaskit/media-picker 64.2.0 → 64.2.1

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

@@ -1,65 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DropzoneBase = exports.Dropzone = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _mediaCommon = require("@atlaskit/media-common");
-
 var _browser = require("@atlaskit/media-ui/browser");
-
 var _flatFiles = require("flat-files");
-
 var _localUploadReact = require("../localUploadReact");
-
 var _analytics = require("../../util/analytics");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
 function dragContainsFiles(event) {
   if (!event.dataTransfer) {
     return false;
   }
-
   var types = event.dataTransfer.types;
   return Array.from(types).indexOf('Files') > -1;
 }
-
 var COMPONENT_NAME = 'dropzone';
-
 var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
   (0, _inherits2.default)(DropzoneBase, _LocalUploadComponent);
-
   var _super = _createSuper(DropzoneBase);
-
   function DropzoneBase(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, DropzoneBase);
     _this = _super.call(this, props, COMPONENT_NAME);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "uiActive", false);
@@ -77,23 +52,17 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDragOver", function (event) {
       event.preventDefault();
-
       if (event.dataTransfer && dragContainsFiles(event)) {
         var dataTransfer = event.dataTransfer;
         var allowed;
-
         try {
           allowed = dataTransfer.effectAllowed;
         } catch (e) {} // the error is expected in IE11
 
-
         dataTransfer.dropEffect = 'move' === allowed || 'linkMove' === allowed ? 'move' : 'copy';
-
-        var length = _this.getDraggedItemsLength(dataTransfer); // [EDM-1636]: needed in order to make multiple dropzones in the page to work
-
-
+        var length = _this.getDraggedItemsLength(dataTransfer);
+        // [EDM-1636]: needed in order to make multiple dropzones in the page to work
         event.stopPropagation();
-
         _this.emitDragOver({
           length: length
         });
@@ -103,12 +72,10 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
       if (e.dataTransfer) {
         e.preventDefault();
         var length = 0;
-
         if (dragContainsFiles(e)) {
           var dataTransfer = e.dataTransfer;
           length = _this.getDraggedItemsLength(dataTransfer);
         }
-
         _this.emitDragLeave({
           length: length
         });
@@ -125,45 +92,33 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
                   _context.next = 2;
                   break;
                 }
-
                 return _context.abrupt("return");
-
               case 2:
                 dragEvent.preventDefault();
                 dragEvent.stopPropagation();
+
                 /*
                  * 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', _this.props.featureFlags))) {
                   _context.next = 13;
                   break;
                 }
-
                 _this.fireAnalyticsForFolders(dragEvent.dataTransfer.items);
-
                 _context.next = 8;
                 return _this.getFilesFromDragEvent(dragEvent.dataTransfer.items);
-
               case 8:
                 flattenedDirectoryFiles = _context.sent;
-
                 _this.onDropFolders(flattenedDirectoryFiles.length);
-
                 _this.uploadService.addFiles(flattenedDirectoryFiles);
-
                 _context.next = 16;
                 break;
-
               case 13:
                 _this.onDrop(dragEvent);
-
                 files = Array.from(dragEvent.dataTransfer.files);
-
                 _this.uploadService.addFiles(files);
-
               case 16:
               case "end":
                 return _context.stop();
@@ -171,26 +126,26 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
           }
         }, _callee);
       }));
-
       return function (_x) {
         return _ref.apply(this, arguments);
       };
     }());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireAnalyticsForFolders", function (items) {
       //convert DataTransferItemList into an array of DataTransferItem(s)
-      var toArray = Array.from(items); //function to check if a file entry is a folder
+      var toArray = Array.from(items);
 
+      //function to check if a file entry is a folder
       var hasFolder = function hasFolder(item) {
         var _item$webkitGetAsEntr;
-
         return (_item$webkitGetAsEntr = item.webkitGetAsEntry()) === null || _item$webkitGetAsEntr === void 0 ? void 0 : _item$webkitGetAsEntr.isDirectory;
-      }; //how many folders are in a single drag and drop event
-
+      };
 
+      //how many folders are in a single drag and drop event
       var folderCount = toArray.filter(function (item) {
         return hasFolder(item);
-      }).length; // fires analytic events if number of folders is more than 0
+      }).length;
 
+      // fires analytic events if number of folders is more than 0
       if (folderCount > 0) {
         _this.fireAnalyticsEvent('folderDroppedInto', folderCount);
       }
@@ -203,19 +158,15 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
             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();
@@ -223,15 +174,15 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
           }
         }, _callee2);
       }));
-
       return function (_x2) {
         return _ref2.apply(this, arguments);
       };
     }());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "filterFilesAgainstBlacklist", function (files) {
       // We don't want these files in our final File list
-      var blacklist = ['.DS_Store', 'thumbs.db', 'desktop.ini']; // Filter Files using our defined blacklist
+      var blacklist = ['.DS_Store', 'thumbs.db', 'desktop.ini'];
 
+      // Filter Files using our defined blacklist
       return files.filter(function (file) {
         return !blacklist.includes(file.name);
       });
@@ -244,26 +195,21 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDrop", function (e) {
       if (e.dataTransfer && dragContainsFiles(e)) {
         var dataTransfer = e.dataTransfer;
-
         var fileCount = _this.getDraggedItemsLength(dataTransfer);
-
         _this.sendAnalyticsAndEmitDragLeave(fileCount);
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sendAnalyticsAndEmitDragLeave", function (fileCount) {
       _this.fireAnalyticsEvent('droppedInto', fileCount);
-
       if (_this.props.onDrop) {
         _this.props.onDrop();
       }
-
       _this.emitDragLeave({
         length: fileCount
       });
     });
     return _this;
   }
-
   (0, _createClass2.default)(DropzoneBase, [{
     key: "getContainer",
     value: function getContainer() {
@@ -275,7 +221,6 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     value: function componentDidMount() {
       var onCancelFn = this.props.onCancelFn;
       this.addContainerListeners(this.getContainer());
-
       if (onCancelFn) {
         onCancelFn(this.cancel);
       }
@@ -290,7 +235,6 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var newContainer = nextProps.config.container;
       var oldContainer = this.props.config.container;
-
       if (newContainer !== oldContainer) {
         this.removeContainerListeners(oldContainer);
         this.addContainerListeners(newContainer);
@@ -298,7 +242,8 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     }
   }, {
     key: "getDraggedItemsLength",
-    value: // Cross-browser way of getting dragged items length, we prioritize "items" if present
+    value:
+    // Cross-browser way of getting dragged items length, we prioritize "items" if present
     // https://www.w3.org/TR/html51/editing.html#the-datatransfer-interface
     // This method is used on 'dragover' and we have no way to retrieve FileSystemFileEntry,
     // which contains info about if the dropped item is a file or directory. That info is only
@@ -309,12 +254,12 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
         return items.filter(function (i) {
           return i.kind === 'file';
         }).length;
-      } // This is required for IE11
-
-
+      }
+      // This is required for IE11
       return dataTransfer.files.length;
-    } // Similar to the onDrop event, but for folders.
+    }
 
+    // Similar to the onDrop event, but for folders.
   }, {
     key: "emitDragOver",
     value: function emitDragOver(payload) {
@@ -322,7 +267,6 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
         var onDragEnter = this.props.onDragEnter;
         this.uiActive = true;
         this.fireAnalyticsEvent('draggedInto', payload.length);
-
         if (onDragEnter) {
           onDragEnter(payload);
         }
@@ -332,20 +276,16 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     key: "emitDragLeave",
     value: function emitDragLeave(payload) {
       var _this2 = this;
-
       if (this.uiActive) {
         this.uiActive = false;
         /*
          when drag over child elements, container will issue dragleave and then dragover immediately.
          The 50ms timeout will prevent from issuing that "false" dragleave event
          */
-
         window.setTimeout(function () {
           if (!_this2.uiActive) {
             var onDragLeave = _this2.props.onDragLeave;
-
             _this2.fireAnalyticsEvent('draggedOut', payload.length);
-
             if (onDragLeave) {
               onDragLeave(payload);
             }
@@ -357,7 +297,6 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     key: "fireAnalyticsEvent",
     value: function fireAnalyticsEvent(action, fileCount) {
       var createAnalyticsEvent = this.props.createAnalyticsEvent;
-
       if (createAnalyticsEvent) {
         var _payload = {
           eventType: 'ui',
@@ -379,7 +318,6 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
   }]);
   return DropzoneBase;
 }(_localUploadReact.LocalUploadComponentReact);
-
 exports.DropzoneBase = DropzoneBase;
 var _default = DropzoneBase;
 exports.default = _default;

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

@@ -1,58 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DropzoneLoader = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
 var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(DropzoneLoader, _React$PureComponent);
-
   var _super = _createSuper(DropzoneLoader);
-
   function DropzoneLoader() {
     var _this;
-
     (0, _classCallCheck2.default)(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));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       Dropzone: DropzoneLoader.Dropzone,
@@ -60,13 +37,11 @@ var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(DropzoneLoader, [{
     key: "UNSAFE_componentWillMount",
     value: function () {
       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) {
@@ -75,7 +50,6 @@ var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
                   _context.next = 16;
                   break;
                 }
-
                 _context.prev = 1;
                 _context.next = 4;
                 return Promise.all([Promise.resolve().then(function () {
@@ -85,7 +59,6 @@ var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
                 }), 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);
@@ -100,11 +73,9 @@ var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
                 });
                 _context.next = 16;
                 break;
-
               case 14:
                 _context.prev = 14;
                 _context.t0 = _context["catch"](1);
-
               case 16:
               case "end":
                 return _context.stop();
@@ -112,29 +83,24 @@ var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
           }
         }, _callee, this, [[1, 14]]);
       }));
-
       function UNSAFE_componentWillMount() {
         return _UNSAFE_componentWillMount.apply(this, arguments);
       }
-
       return UNSAFE_componentWillMount;
     }()
   }, {
     key: "render",
     value: function render() {
       var _this$state = this.state,
-          Dropzone = _this$state.Dropzone,
-          MediaPickerErrorBoundary = _this$state.MediaPickerErrorBoundary;
-
+        Dropzone = _this$state.Dropzone,
+        MediaPickerErrorBoundary = _this$state.MediaPickerErrorBoundary;
       if (!Dropzone || !MediaPickerErrorBoundary) {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement(MediaPickerErrorBoundary, null, /*#__PURE__*/_react.default.createElement(Dropzone, this.props));
     }
   }]);
   return DropzoneLoader;
 }(_react.default.PureComponent);
-
 exports.DropzoneLoader = DropzoneLoader;
 (0, _defineProperty2.default)(DropzoneLoader, "displayName", 'AsyncDropzone');