@atlaskit/media-picker 66.7.5 → 67.0.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/media-picker
 
+## 67.0.0
+
+### Major Changes
+
+- [#157917](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/157917)
+  [`3a51e350e14ce`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3a51e350e14ce) -
+  [ux] Property `onUploadRejection` now also catches rejected empty files (zero byte).
+
+  You must ensure that the user gets the right feedback if your `onUploadRejection` callback
+  overrides the default Error Flag (i.e. returns true).
+
+  The new callback parameter is of the type:
+
+  ```
+  type UploadRejectionData = FileSizeLimitExceededData | FileEmptyData
+  ```
+
+  Where:
+
+  ```
+  type FileSizeLimitExceededData = {
+  	reason: 'fileSizeLimitExceeded';
+  	fileName: string;
+  	limit: number;
+  }
+
+  type FileEmptyData = {
+  	reason: 'fileEmpty';
+  	fileName: string;
+  }
+  ```
+
 ## 66.7.5
 
 ### Patch Changes

package/dist/cjs/components/localUploadReact.js

@@ -213,18 +213,15 @@ var LocalUploadComponentReact = exports.LocalUploadComponentReact = /*#__PURE__*
     _this.uploadService.on('file-preview-update', _this.onFilePreviewUpdate);
     _this.uploadService.on('file-converting', _this.onFileConverting);
     _this.uploadService.on('file-upload-error', _this.onUploadError);
-    _this.uploadService.onFileEmpty(_this.addErrorFlag);
-    if (tenantUploadParams.onUploadRejection) {
+    var onFileRejection = function onFileRejection(rejectionData) {
       var onUploadRejection = tenantUploadParams.onUploadRejection;
-      _this.uploadService.onFileRejection(function (rejectionData) {
-        var shouldOverride = onUploadRejection(rejectionData);
-        if (!shouldOverride) {
-          _this.addErrorFlag(rejectionData);
-        }
-      });
-    } else {
-      _this.uploadService.onFileRejection(_this.addErrorFlag);
-    }
+      var shouldOverride = onUploadRejection === null || onUploadRejection === void 0 ? void 0 : onUploadRejection(rejectionData);
+      if (!shouldOverride) {
+        _this.addErrorFlag(rejectionData);
+      }
+    };
+    _this.uploadService.onFileRejection(onFileRejection);
+    _this.uploadService.onFileEmpty(onFileRejection);
     return _this;
   }
   (0, _createClass2.default)(LocalUploadComponentReact, [{

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

package/dist/es2019/components/localUploadReact.js

@@ -200,20 +200,17 @@ export class LocalUploadComponentReact extends Component {
     this.uploadService.on('file-preview-update', this.onFilePreviewUpdate);
     this.uploadService.on('file-converting', this.onFileConverting);
     this.uploadService.on('file-upload-error', this.onUploadError);
-    this.uploadService.onFileEmpty(this.addErrorFlag);
-    if (tenantUploadParams.onUploadRejection) {
+    const onFileRejection = rejectionData => {
       const {
         onUploadRejection
       } = tenantUploadParams;
-      this.uploadService.onFileRejection(rejectionData => {
-        const shouldOverride = onUploadRejection(rejectionData);
-        if (!shouldOverride) {
-          this.addErrorFlag(rejectionData);
-        }
-      });
-    } else {
-      this.uploadService.onFileRejection(this.addErrorFlag);
-    }
+      const shouldOverride = onUploadRejection === null || onUploadRejection === void 0 ? void 0 : onUploadRejection(rejectionData);
+      if (!shouldOverride) {
+        this.addErrorFlag(rejectionData);
+      }
+    };
+    this.uploadService.onFileRejection(onFileRejection);
+    this.uploadService.onFileEmpty(onFileRejection);
   }
   setUploadParams(uploadParams) {
     this.uploadService.setUploadParams(uploadParams);

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

package/dist/esm/components/localUploadReact.js

@@ -206,18 +206,15 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
     _this.uploadService.on('file-preview-update', _this.onFilePreviewUpdate);
     _this.uploadService.on('file-converting', _this.onFileConverting);
     _this.uploadService.on('file-upload-error', _this.onUploadError);
-    _this.uploadService.onFileEmpty(_this.addErrorFlag);
-    if (tenantUploadParams.onUploadRejection) {
+    var onFileRejection = function onFileRejection(rejectionData) {
       var onUploadRejection = tenantUploadParams.onUploadRejection;
-      _this.uploadService.onFileRejection(function (rejectionData) {
-        var shouldOverride = onUploadRejection(rejectionData);
-        if (!shouldOverride) {
-          _this.addErrorFlag(rejectionData);
-        }
-      });
-    } else {
-      _this.uploadService.onFileRejection(_this.addErrorFlag);
-    }
+      var shouldOverride = onUploadRejection === null || onUploadRejection === void 0 ? void 0 : onUploadRejection(rejectionData);
+      if (!shouldOverride) {
+        _this.addErrorFlag(rejectionData);
+      }
+    };
+    _this.uploadService.onFileRejection(onFileRejection);
+    _this.uploadService.onFileEmpty(onFileRejection);
     return _this;
   }
   _createClass(LocalUploadComponentReact, [{

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

package/dist/types/components/errorFlagGroup/ErrorFlagGroup.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { type FlagData } from '../../types';
+import { type UploadRejectionData } from '../../types';
 import { type WrappedComponentProps } from 'react-intl-next';
 export interface ErrorFlagGroupProps {
-    readonly flagData: FlagData[];
+    readonly flagData: UploadRejectionData[];
     onFlagDismissed: () => void;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<ErrorFlagGroupProps & WrappedComponentProps>> & {

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

@@ -2,7 +2,7 @@ import { Component } from 'react';
 import { type MediaClient } from '@atlaskit/media-client';
 import { type MediaFeatureFlags } from '@atlaskit/media-common';
 import { type UploadService } from '../service/types';
-import { type UploadEndEventPayload, type UploadErrorEventPayload, type UploadPreviewUpdateEventPayload, type UploadsStartEventPayload, type UploadParams, type FlagData } from '../types';
+import { type UploadEndEventPayload, type UploadErrorEventPayload, type UploadPreviewUpdateEventPayload, type UploadsStartEventPayload, type UploadParams, type UploadRejectionData } from '../types';
 import { UploadComponent } from './component';
 import { type LocalUploadConfig } from './types';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
@@ -18,7 +18,7 @@ export type LocalUploadComponentBaseProps = {
     featureFlags?: MediaFeatureFlags;
 } & WithAnalyticsEventsProps;
 export type LocalUploadComponentBaseState = {
-    errorFlags: FlagData[];
+    errorFlags: UploadRejectionData[];
 };
 export declare class LocalUploadComponentReact<Props extends LocalUploadComponentBaseProps> extends Component<Props, LocalUploadComponentBaseState> {
     protected readonly componentName: ComponentName;

package/dist/types/types.d.ts

@@ -52,7 +52,8 @@ export type UploadEventPayloadMap = {
     readonly 'upload-end': UploadEndEventPayload;
     readonly 'upload-error': UploadErrorEventPayload;
 };
-export type UploadRejectionData = {
+export type UploadRejectionData = FileSizeLimitExceededData | FileEmptyData;
+export type FileSizeLimitExceededData = {
     reason: 'fileSizeLimitExceeded';
     fileName: string;
     limit: number;
@@ -61,7 +62,6 @@ export type FileEmptyData = {
     reason: 'fileEmpty';
     fileName: string;
 };
-export type FlagData = UploadRejectionData | FileEmptyData;
 export interface BrowserConfig extends LocalUploadConfig {
     readonly multiple?: boolean;
     readonly fileExtensions?: Array<string>;

package/dist/types-ts4.5/components/errorFlagGroup/ErrorFlagGroup.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { type FlagData } from '../../types';
+import { type UploadRejectionData } from '../../types';
 import { type WrappedComponentProps } from 'react-intl-next';
 export interface ErrorFlagGroupProps {
-    readonly flagData: FlagData[];
+    readonly flagData: UploadRejectionData[];
     onFlagDismissed: () => void;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<ErrorFlagGroupProps & WrappedComponentProps>> & {

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

@@ -2,7 +2,7 @@ import { Component } from 'react';
 import { type MediaClient } from '@atlaskit/media-client';
 import { type MediaFeatureFlags } from '@atlaskit/media-common';
 import { type UploadService } from '../service/types';
-import { type UploadEndEventPayload, type UploadErrorEventPayload, type UploadPreviewUpdateEventPayload, type UploadsStartEventPayload, type UploadParams, type FlagData } from '../types';
+import { type UploadEndEventPayload, type UploadErrorEventPayload, type UploadPreviewUpdateEventPayload, type UploadsStartEventPayload, type UploadParams, type UploadRejectionData } from '../types';
 import { UploadComponent } from './component';
 import { type LocalUploadConfig } from './types';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
@@ -18,7 +18,7 @@ export type LocalUploadComponentBaseProps = {
     featureFlags?: MediaFeatureFlags;
 } & WithAnalyticsEventsProps;
 export type LocalUploadComponentBaseState = {
-    errorFlags: FlagData[];
+    errorFlags: UploadRejectionData[];
 };
 export declare class LocalUploadComponentReact<Props extends LocalUploadComponentBaseProps> extends Component<Props, LocalUploadComponentBaseState> {
     protected readonly componentName: ComponentName;

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

@@ -52,7 +52,8 @@ export type UploadEventPayloadMap = {
     readonly 'upload-end': UploadEndEventPayload;
     readonly 'upload-error': UploadErrorEventPayload;
 };
-export type UploadRejectionData = {
+export type UploadRejectionData = FileSizeLimitExceededData | FileEmptyData;
+export type FileSizeLimitExceededData = {
     reason: 'fileSizeLimitExceeded';
     fileName: string;
     limit: number;
@@ -61,7 +62,6 @@ export type FileEmptyData = {
     reason: 'fileEmpty';
     fileName: string;
 };
-export type FlagData = UploadRejectionData | FileEmptyData;
 export interface BrowserConfig extends LocalUploadConfig {
     readonly multiple?: boolean;
     readonly fileExtensions?: Array<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-picker",
-	"version": "66.7.5",
+	"version": "67.0.0",
 	"description": "Library for handling file uploads",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"