@atlaskit/media-picker 66.7.2 → 66.7.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/media-picker
 
+## 66.7.3
+
+### Patch Changes
+
+- [#151581](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/151581)
+  [`f1c0ae301860f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f1c0ae301860f) -
+  Cleanup media-picker folderUploads feature flag
+- Updated dependencies
+
 ## 66.7.2
 
 ### Patch Changes

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

@@ -17,8 +17,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 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");
 var _ErrorFlagGroup = _interopRequireDefault(require("../errorFlagGroup/ErrorFlagGroup"));
@@ -88,7 +86,7 @@ var DropzoneBase = exports.DropzoneBase = /*#__PURE__*/function (_LocalUploadCom
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFileDropped", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(dragEvent) {
-        var featureFlags, flattenedDirectoryFiles, files;
+        var files;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -100,31 +98,12 @@ var DropzoneBase = exports.DropzoneBase = /*#__PURE__*/function (_LocalUploadCom
             case 2:
               dragEvent.preventDefault();
               dragEvent.stopPropagation();
-              featureFlags = _this.props.featureFlags; // refreshes uploadParams as only set once in parent constructor
+              // 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);
-              _context.next = 18;
-              break;
-            case 15:
               _this.onDrop(dragEvent);
               files = Array.from(dragEvent.dataTransfer.files);
               _this.uploadService.addFiles(files);
-            case 18:
+            case 8:
             case "end":
               return _context.stop();
           }
@@ -134,73 +113,6 @@ var DropzoneBase = exports.DropzoneBase = /*#__PURE__*/function (_LocalUploadCom
         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);
-
-      //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
-      var folderCount = toArray.filter(function (item) {
-        return hasFolder(item);
-      }).length;
-
-      // fires analytic events if number of folders is more than 0
-      if (folderCount > 0) {
-        _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();
-          }
-        }, _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
-      return files.filter(function (file) {
-        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);
-      }
-    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDrop", function (e) {
       if (e.dataTransfer && dragContainsFiles(e)) {
         var dataTransfer = e.dataTransfer;

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 = "66.7.2";
+var packageVersion = "66.7.3";
 function getPackageAttributes(componentName) {
   return {
     packageName: packageName,

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 = "66.7.2";
+var packageVersion = "66.7.3";
 var ufoExperience;
 var initExperience = function initExperience(id, componentName) {
   if (!ufoExperience) {

package/dist/es2019/components/dropzone/dropzone.js

@@ -1,9 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ANALYTICS_MEDIA_CHANNEL, getMediaFeatureFlag, withMediaAnalyticsContext } from '@atlaskit/media-common';
-import { isWebkitSupported } from '@atlaskit/media-ui/browser';
-import { getFilesFromItems, getFilesFromFileSystemEntries } from 'flat-files';
+import { ANALYTICS_MEDIA_CHANNEL, withMediaAnalyticsContext } from '@atlaskit/media-common';
 import { LocalUploadComponentReact } from '../localUploadReact';
 import { getPackageAttributes } from '../../util/analytics';
 import ErrorFlagGroup from '../errorFlagGroup/ErrorFlagGroup';
@@ -73,75 +71,11 @@ export class DropzoneBase extends LocalUploadComponentReact {
       }
       dragEvent.preventDefault();
       dragEvent.stopPropagation();
-      const {
-        featureFlags
-      } = this.props;
       // 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 (isWebkitSupported() && getMediaFeatureFlag('folderUploads', featureFlags)) {
-        this.fireAnalyticsForFolders(dragEvent.dataTransfer.items);
-        const flattenedDirectoryFiles = await this.getFilesFromDragEvent(dragEvent.dataTransfer.items);
-        this.onDropFolders(flattenedDirectoryFiles.length);
-        this.uploadService.addFiles(flattenedDirectoryFiles);
-      } else {
-        this.onDrop(dragEvent);
-        const files = Array.from(dragEvent.dataTransfer.files);
-        this.uploadService.addFiles(files);
-      }
-    });
-    /*
-     * Checks how many folders are uploaded in a single drag and drop. Then, fires an analytic event in accordance to this.
-     */
-    _defineProperty(this, "fireAnalyticsForFolders", items => {
-      //convert DataTransferItemList into an array of DataTransferItem(s)
-      const toArray = Array.from(items);
-
-      //function to check if a file entry is a folder
-      const 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
-      var folderCount = toArray.filter(item => hasFolder(item)).length;
-
-      // fires analytic events if number of folders is more than 0
-      if (folderCount > 0) {
-        this.fireAnalyticsEvent('folderDroppedInto', folderCount);
-      }
-    });
-    /*
-     * Files dropped contains a directory. Thus, flatten the directory to return an array of Files.
-     */
-    _defineProperty(this, "getFilesFromDragEvent", async dragEventItemList => {
-      const items = dragEventItemList;
-
-      //If items consist of directory or directories, flatten it to grab the files only. Else, just get the files
-      const fileSystemEntries = await getFilesFromItems(items);
-
-      //files are of filetype 'fileSystemEntry'. We convert the files to be of the 'File' type format.
-      const files = await getFilesFromFileSystemEntries(fileSystemEntries);
-
-      // Return all the files we will upload
-      return this.filterFilesAgainstBlacklist(files);
-    });
-    _defineProperty(this, "filterFilesAgainstBlacklist", files => {
-      // We don't want these files in our final File list
-      const blacklist = ['.DS_Store', 'thumbs.db', 'desktop.ini'];
-
-      // Filter Files using our defined blacklist
-      return files.filter(file => !blacklist.includes(file.name));
-    });
-    // Similar to the onDrop event, but for folders.
-    _defineProperty(this, "onDropFolders", fileCount => {
-      if (fileCount > 0) {
-        this.sendAnalyticsAndEmitDragLeave(fileCount);
-      }
+      this.onDrop(dragEvent);
+      const files = Array.from(dragEvent.dataTransfer.files);
+      this.uploadService.addFiles(files);
     });
     _defineProperty(this, "onDrop", e => {
       if (e.dataTransfer && dragContainsFiles(e)) {

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 = "66.7.2";
+const packageVersion = "66.7.3";
 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 = "66.7.2";
+const packageVersion = "66.7.3";
 let ufoExperience;
 const initExperience = (id, componentName) => {
   if (!ufoExperience) {

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

@@ -11,9 +11,7 @@ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function
 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';
-import { ANALYTICS_MEDIA_CHANNEL, getMediaFeatureFlag, withMediaAnalyticsContext } from '@atlaskit/media-common';
-import { isWebkitSupported } from '@atlaskit/media-ui/browser';
-import { getFilesFromItems, getFilesFromFileSystemEntries } from 'flat-files';
+import { ANALYTICS_MEDIA_CHANNEL, withMediaAnalyticsContext } from '@atlaskit/media-common';
 import { LocalUploadComponentReact } from '../localUploadReact';
 import { getPackageAttributes } from '../../util/analytics';
 import ErrorFlagGroup from '../errorFlagGroup/ErrorFlagGroup';
@@ -81,7 +79,7 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "onFileDropped", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(dragEvent) {
-        var featureFlags, flattenedDirectoryFiles, files;
+        var files;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -93,31 +91,12 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
             case 2:
               dragEvent.preventDefault();
               dragEvent.stopPropagation();
-              featureFlags = _this.props.featureFlags; // refreshes uploadParams as only set once in parent constructor
+              // 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 (!(isWebkitSupported() && 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);
-              _context.next = 18;
-              break;
-            case 15:
               _this.onDrop(dragEvent);
               files = Array.from(dragEvent.dataTransfer.files);
               _this.uploadService.addFiles(files);
-            case 18:
+            case 8:
             case "end":
               return _context.stop();
           }
@@ -127,73 +106,6 @@ export 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.
-     */
-    _defineProperty(_assertThisInitialized(_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 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
-      var folderCount = toArray.filter(function (item) {
-        return hasFolder(item);
-      }).length;
-
-      // fires analytic events if number of folders is more than 0
-      if (folderCount > 0) {
-        _this.fireAnalyticsEvent('folderDroppedInto', folderCount);
-      }
-    });
-    /*
-     * Files dropped contains a directory. Thus, flatten the directory to return an array of Files.
-     */
-    _defineProperty(_assertThisInitialized(_this), "getFilesFromDragEvent", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(dragEventItemList) {
-        var items, fileSystemEntries, files;
-        return _regeneratorRuntime.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 getFilesFromItems(items);
-            case 3:
-              fileSystemEntries = _context2.sent;
-              _context2.next = 6;
-              return getFilesFromFileSystemEntries(fileSystemEntries);
-            case 6:
-              files = _context2.sent;
-              return _context2.abrupt("return", _this.filterFilesAgainstBlacklist(files));
-            case 8:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      return function (_x2) {
-        return _ref2.apply(this, arguments);
-      };
-    }());
-    _defineProperty(_assertThisInitialized(_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
-      return files.filter(function (file) {
-        return !blacklist.includes(file.name);
-      });
-    });
-    // Similar to the onDrop event, but for folders.
-    _defineProperty(_assertThisInitialized(_this), "onDropFolders", function (fileCount) {
-      if (fileCount > 0) {
-        _this.sendAnalyticsAndEmitDragLeave(fileCount);
-      }
-    });
     _defineProperty(_assertThisInitialized(_this), "onDrop", function (e) {
       if (e.dataTransfer && dragContainsFiles(e)) {
         var dataTransfer = e.dataTransfer;

package/dist/esm/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
 
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "66.7.2";
+var packageVersion = "66.7.3";
 export function getPackageAttributes(componentName) {
   return {
     packageName: packageName,

package/dist/esm/util/ufoExperiences.js

@@ -5,7 +5,7 @@ import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } fro
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "66.7.2";
+var packageVersion = "66.7.3";
 var ufoExperience;
 var initExperience = function initExperience(id, componentName) {
   if (!ufoExperience) {

package/dist/types/components/browser/browser.d.ts

@@ -32,6 +32,22 @@ export declare class BrowserBase extends LocalUploadComponentReact<BrowserProps>
     render(): JSX.Element;
 }
 export default BrowserBase;
-export declare const Browser: React.ForwardRefExoticComponent<Pick<Pick<Omit<BrowserProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "mediaClient" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "children" | "onCancelFn" | "isOpen" | "onClose" | "onBrowseFn"> & Partial<Pick<Omit<BrowserProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "config">> & Partial<Pick<{
+export declare const Browser: React.ForwardRefExoticComponent<Pick<Pick<Omit<{
+    mediaClient: import("@atlaskit/media-client").MediaClient;
+    config: import("../types").LocalUploadConfig;
+    onUploadsStart?: ((payload: import("../../types").UploadsStartEventPayload) => void) | undefined;
+    onPreviewUpdate?: ((payload: import("../../types").UploadPreviewUpdateEventPayload) => void) | undefined;
+    onEnd?: ((payload: import("../../types").UploadEndEventPayload) => void) | undefined;
+    onError?: ((payload: import("../../types").UploadErrorEventPayload) => void) | undefined;
+    featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags | undefined;
+} & BrowserOwnProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "mediaClient" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "children" | "onCancelFn" | "isOpen" | "onClose" | "onBrowseFn"> & Partial<Pick<Omit<{
+    mediaClient: import("@atlaskit/media-client").MediaClient;
+    config: import("../types").LocalUploadConfig;
+    onUploadsStart?: ((payload: import("../../types").UploadsStartEventPayload) => void) | undefined;
+    onPreviewUpdate?: ((payload: import("../../types").UploadPreviewUpdateEventPayload) => void) | undefined;
+    onEnd?: ((payload: import("../../types").UploadEndEventPayload) => void) | undefined;
+    onError?: ((payload: import("../../types").UploadErrorEventPayload) => void) | undefined;
+    featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags | undefined;
+} & BrowserOwnProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "config">> & Partial<Pick<{
     config: BrowserConfig;
 }, never>> & React.RefAttributes<any>, "mediaClient" | "config" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "children" | "onCancelFn" | "key" | "isOpen" | "onClose" | "onBrowseFn"> & React.RefAttributes<any>>;

package/dist/types/components/clipboard/clipboard.d.ts

@@ -39,6 +39,26 @@ export declare class ClipboardBase extends LocalUploadComponentReact<ClipboardPr
     render(): JSX.Element;
 }
 export default ClipboardBase;
-export declare const Clipboard: React.ForwardRefExoticComponent<Pick<Pick<Omit<ClipboardProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "mediaClient" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags"> & Partial<Pick<Omit<ClipboardProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "config">> & Partial<Pick<{
+export declare const Clipboard: React.ForwardRefExoticComponent<Pick<Pick<Omit<{
+    mediaClient: import("@atlaskit/media-client").MediaClient;
+    config: import("../types").LocalUploadConfig;
+    onUploadsStart?: ((payload: import("../../types").UploadsStartEventPayload) => void) | undefined;
+    onPreviewUpdate?: ((payload: import("../../types").UploadPreviewUpdateEventPayload) => void) | undefined;
+    onEnd?: ((payload: import("../../types").UploadEndEventPayload) => void) | undefined;
+    onError?: ((payload: import("../../types").UploadErrorEventPayload) => void) | undefined;
+    featureFlags?: MediaFeatureFlags | undefined;
+} & {
+    config: ClipboardConfig;
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "mediaClient" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags"> & Partial<Pick<Omit<{
+    mediaClient: import("@atlaskit/media-client").MediaClient;
+    config: import("../types").LocalUploadConfig;
+    onUploadsStart?: ((payload: import("../../types").UploadsStartEventPayload) => void) | undefined;
+    onPreviewUpdate?: ((payload: import("../../types").UploadPreviewUpdateEventPayload) => void) | undefined;
+    onEnd?: ((payload: import("../../types").UploadEndEventPayload) => void) | undefined;
+    onError?: ((payload: import("../../types").UploadErrorEventPayload) => void) | undefined;
+    featureFlags?: MediaFeatureFlags | undefined;
+} & {
+    config: ClipboardConfig;
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "config">> & Partial<Pick<{
     config: ClipboardConfig;
 }, never>> & React.RefAttributes<any>, "mediaClient" | "config" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "key"> & React.RefAttributes<any>>;

package/dist/types/components/dropzone/dropzone.d.ts

@@ -21,11 +21,7 @@ export declare class DropzoneBase extends LocalUploadComponentReact<DropzoneProp
     private onDragOver;
     private onDragLeave;
     private readonly onFileDropped;
-    private fireAnalyticsForFolders;
-    private getFilesFromDragEvent;
-    private filterFilesAgainstBlacklist;
     private getDraggedItemsLength;
-    private onDropFolders;
     private onDrop;
     private sendAnalyticsAndEmitDragLeave;
     private emitDragOver;
@@ -34,4 +30,18 @@ export declare class DropzoneBase extends LocalUploadComponentReact<DropzoneProp
     render(): JSX.Element;
 }
 export default DropzoneBase;
-export declare const Dropzone: React.ForwardRefExoticComponent<Pick<Omit<DropzoneProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>, "mediaClient" | "config" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "onDrop" | "onDragEnter" | "onDragLeave" | "onCancelFn" | "key"> & React.RefAttributes<any>>;
+export declare const Dropzone: React.ForwardRefExoticComponent<Pick<Omit<{
+    mediaClient: import("@atlaskit/media-client").MediaClient;
+    config: import("../types").LocalUploadConfig;
+    onUploadsStart?: ((payload: import("../../types").UploadsStartEventPayload) => void) | undefined;
+    onPreviewUpdate?: ((payload: import("../../types").UploadPreviewUpdateEventPayload) => void) | undefined;
+    onEnd?: ((payload: import("../../types").UploadEndEventPayload) => void) | undefined;
+    onError?: ((payload: import("../../types").UploadErrorEventPayload) => void) | undefined;
+    featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags | undefined;
+} & {
+    config: DropzoneConfig;
+    onDrop?: (() => void) | undefined;
+    onDragEnter?: ((payload: DropzoneDragEnterEventPayload) => void) | undefined;
+    onDragLeave?: ((payload: DropzoneDragLeaveEventPayload) => void) | undefined;
+    onCancelFn?: ((cancel: (uniqueIdentifier: string) => void) => void) | undefined;
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>, "mediaClient" | "config" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "onDrop" | "onDragEnter" | "onDragLeave" | "onCancelFn" | "key"> & React.RefAttributes<any>>;

package/dist/types/types.d.ts

@@ -106,7 +106,7 @@ export type ClipboardPastePayload = UIEventPayload<UIAttributes & {
         fileSize: number;
     }>;
 }, 'pasted', 'clipboard'>;
-export type DropzoneEventAction = 'draggedOut' | 'draggedInto' | 'droppedInto' | 'folderDroppedInto';
+export type DropzoneEventAction = 'draggedOut' | 'draggedInto' | 'droppedInto';
 export type DropzoneEventPayload = UIEventPayload<UIAttributes & {
     fileCount: number;
 }, DropzoneEventAction, 'dropzone'>;

package/dist/types-ts4.5/components/browser/browser.d.ts

@@ -32,6 +32,22 @@ export declare class BrowserBase extends LocalUploadComponentReact<BrowserProps>
     render(): JSX.Element;
 }
 export default BrowserBase;
-export declare const Browser: React.ForwardRefExoticComponent<Pick<Pick<Omit<BrowserProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "mediaClient" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "children" | "onCancelFn" | "isOpen" | "onClose" | "onBrowseFn"> & Partial<Pick<Omit<BrowserProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "config">> & Partial<Pick<{
+export declare const Browser: React.ForwardRefExoticComponent<Pick<Pick<Omit<{
+    mediaClient: import("@atlaskit/media-client").MediaClient;
+    config: import("../types").LocalUploadConfig;
+    onUploadsStart?: ((payload: import("../../types").UploadsStartEventPayload) => void) | undefined;
+    onPreviewUpdate?: ((payload: import("../../types").UploadPreviewUpdateEventPayload) => void) | undefined;
+    onEnd?: ((payload: import("../../types").UploadEndEventPayload) => void) | undefined;
+    onError?: ((payload: import("../../types").UploadErrorEventPayload) => void) | undefined;
+    featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags | undefined;
+} & BrowserOwnProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "mediaClient" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "children" | "onCancelFn" | "isOpen" | "onClose" | "onBrowseFn"> & Partial<Pick<Omit<{
+    mediaClient: import("@atlaskit/media-client").MediaClient;
+    config: import("../types").LocalUploadConfig;
+    onUploadsStart?: ((payload: import("../../types").UploadsStartEventPayload) => void) | undefined;
+    onPreviewUpdate?: ((payload: import("../../types").UploadPreviewUpdateEventPayload) => void) | undefined;
+    onEnd?: ((payload: import("../../types").UploadEndEventPayload) => void) | undefined;
+    onError?: ((payload: import("../../types").UploadErrorEventPayload) => void) | undefined;
+    featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags | undefined;
+} & BrowserOwnProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "config">> & Partial<Pick<{
     config: BrowserConfig;
 }, never>> & React.RefAttributes<any>, "mediaClient" | "config" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "children" | "onCancelFn" | "key" | "isOpen" | "onClose" | "onBrowseFn"> & React.RefAttributes<any>>;

package/dist/types-ts4.5/components/clipboard/clipboard.d.ts

@@ -39,6 +39,26 @@ export declare class ClipboardBase extends LocalUploadComponentReact<ClipboardPr
     render(): JSX.Element;
 }
 export default ClipboardBase;
-export declare const Clipboard: React.ForwardRefExoticComponent<Pick<Pick<Omit<ClipboardProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "mediaClient" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags"> & Partial<Pick<Omit<ClipboardProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "config">> & Partial<Pick<{
+export declare const Clipboard: React.ForwardRefExoticComponent<Pick<Pick<Omit<{
+    mediaClient: import("@atlaskit/media-client").MediaClient;
+    config: import("../types").LocalUploadConfig;
+    onUploadsStart?: ((payload: import("../../types").UploadsStartEventPayload) => void) | undefined;
+    onPreviewUpdate?: ((payload: import("../../types").UploadPreviewUpdateEventPayload) => void) | undefined;
+    onEnd?: ((payload: import("../../types").UploadEndEventPayload) => void) | undefined;
+    onError?: ((payload: import("../../types").UploadErrorEventPayload) => void) | undefined;
+    featureFlags?: MediaFeatureFlags | undefined;
+} & {
+    config: ClipboardConfig;
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "mediaClient" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags"> & Partial<Pick<Omit<{
+    mediaClient: import("@atlaskit/media-client").MediaClient;
+    config: import("../types").LocalUploadConfig;
+    onUploadsStart?: ((payload: import("../../types").UploadsStartEventPayload) => void) | undefined;
+    onPreviewUpdate?: ((payload: import("../../types").UploadPreviewUpdateEventPayload) => void) | undefined;
+    onEnd?: ((payload: import("../../types").UploadEndEventPayload) => void) | undefined;
+    onError?: ((payload: import("../../types").UploadErrorEventPayload) => void) | undefined;
+    featureFlags?: MediaFeatureFlags | undefined;
+} & {
+    config: ClipboardConfig;
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "config">> & Partial<Pick<{
     config: ClipboardConfig;
 }, never>> & React.RefAttributes<any>, "mediaClient" | "config" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "key"> & React.RefAttributes<any>>;

package/dist/types-ts4.5/components/dropzone/dropzone.d.ts

@@ -21,11 +21,7 @@ export declare class DropzoneBase extends LocalUploadComponentReact<DropzoneProp
     private onDragOver;
     private onDragLeave;
     private readonly onFileDropped;
-    private fireAnalyticsForFolders;
-    private getFilesFromDragEvent;
-    private filterFilesAgainstBlacklist;
     private getDraggedItemsLength;
-    private onDropFolders;
     private onDrop;
     private sendAnalyticsAndEmitDragLeave;
     private emitDragOver;
@@ -34,4 +30,18 @@ export declare class DropzoneBase extends LocalUploadComponentReact<DropzoneProp
     render(): JSX.Element;
 }
 export default DropzoneBase;
-export declare const Dropzone: React.ForwardRefExoticComponent<Pick<Omit<DropzoneProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>, "mediaClient" | "config" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "onDrop" | "onDragEnter" | "onDragLeave" | "onCancelFn" | "key"> & React.RefAttributes<any>>;
+export declare const Dropzone: React.ForwardRefExoticComponent<Pick<Omit<{
+    mediaClient: import("@atlaskit/media-client").MediaClient;
+    config: import("../types").LocalUploadConfig;
+    onUploadsStart?: ((payload: import("../../types").UploadsStartEventPayload) => void) | undefined;
+    onPreviewUpdate?: ((payload: import("../../types").UploadPreviewUpdateEventPayload) => void) | undefined;
+    onEnd?: ((payload: import("../../types").UploadEndEventPayload) => void) | undefined;
+    onError?: ((payload: import("../../types").UploadErrorEventPayload) => void) | undefined;
+    featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags | undefined;
+} & {
+    config: DropzoneConfig;
+    onDrop?: (() => void) | undefined;
+    onDragEnter?: ((payload: DropzoneDragEnterEventPayload) => void) | undefined;
+    onDragLeave?: ((payload: DropzoneDragLeaveEventPayload) => void) | undefined;
+    onCancelFn?: ((cancel: (uniqueIdentifier: string) => void) => void) | undefined;
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>, "mediaClient" | "config" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "onDrop" | "onDragEnter" | "onDragLeave" | "onCancelFn" | "key"> & React.RefAttributes<any>>;

package/dist/types-ts4.5/types.d.ts

@@ -106,7 +106,7 @@ export type ClipboardPastePayload = UIEventPayload<UIAttributes & {
         fileSize: number;
     }>;
 }, 'pasted', 'clipboard'>;
-export type DropzoneEventAction = 'draggedOut' | 'draggedInto' | 'droppedInto' | 'folderDroppedInto';
+export type DropzoneEventAction = 'draggedOut' | 'draggedInto' | 'droppedInto';
 export type DropzoneEventPayload = UIEventPayload<UIAttributes & {
     fileCount: number;
 }, DropzoneEventAction, 'dropzone'>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-picker",
-	"version": "66.7.2",
+	"version": "66.7.3",
 	"description": "Library for handling file uploads",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,10 +35,10 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/flag": "^15.8.0",
-		"@atlaskit/icon": "^22.20.0",
+		"@atlaskit/icon": "^22.22.0",
 		"@atlaskit/media-client": "^28.0.0",
 		"@atlaskit/media-client-react": "^2.2.0",
-		"@atlaskit/media-common": "^11.5.0",
+		"@atlaskit/media-common": "^11.6.0",
 		"@atlaskit/media-ui": "^25.15.0",
 		"@atlaskit/theme": "^13.0.0",
 		"@atlaskit/tokens": "^2.0.0",
@@ -46,7 +46,6 @@
 		"@babel/runtime": "^7.0.0",
 		"eventemitter2": "^4.1.0",
 		"exenv": "^1.2.2",
-		"flat-files": "^1.0.6",
 		"perf-marks": "^1.5.0",
 		"uuid": "^3.1.0",
 		"uuid-validate": "^0.0.3"
@@ -62,7 +61,7 @@
 		"@atlaskit/analytics-namespaced-context": "^6.12.0",
 		"@atlaskit/button": "^20.2.0",
 		"@atlaskit/media-core": "^34.3.0",
-		"@atlaskit/media-test-helpers": "^34.4.0",
+		"@atlaskit/media-test-helpers": "^34.5.0",
 		"@atlaskit/ssr": "*",
 		"@atlassian/ufo": "^0.4.0",
 		"@babel/plugin-proposal-numeric-separator": "^7.18.6",