@atlaskit/media-avatar-picker 23.1.1 → 23.2.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/media-avatar-picker
 
+## 23.2.1
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- Updated dependencies
+
+## 23.2.0
+
+### Minor Changes
+
+- [`306b52fd9ca`](https://bitbucket.org/atlassian/atlassian-frontend/commits/306b52fd9ca) - [ux] MEX-1467 - The optional paramater maxImageSize for the media-avatar-picker can be used to modify the max file size of the image
+
+### Patch Changes
+
+- Updated dependencies
+
+## 23.1.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 23.1.1
 
 ### Patch Changes

package/dist/cjs/image-navigator/index.js

@@ -303,13 +303,16 @@ var ImageNavigator = /*#__PURE__*/function (_Component) {
   }, {
     key: "validateFile",
     value: function validateFile(imageFile) {
-      var formatMessage = this.props.intl.formatMessage;
+      var _this$props2 = this.props,
+          formatMessage = _this$props2.intl.formatMessage,
+          _this$props2$maxImage = _this$props2.maxImageSize,
+          maxImageSize = _this$props2$maxImage === void 0 ? _avatarPickerDialog.MAX_SIZE_MB : _this$props2$maxImage;
 
       if (_avatarPickerDialog.ACCEPT.indexOf(imageFile.type) === -1) {
         return formatMessage(_avatarPickerDialog.ERROR.FORMAT);
-      } else if ((0, _util.fileSizeMb)(imageFile) > _avatarPickerDialog.MAX_SIZE_MB) {
+      } else if ((0, _util.fileSizeMb)(imageFile) > maxImageSize) {
         return formatMessage(_avatarPickerDialog.ERROR.SIZE, {
-          MAX_SIZE_MB: _avatarPickerDialog.MAX_SIZE_MB
+          MAX_SIZE_MB: maxImageSize
         });
       }
 
@@ -373,9 +376,9 @@ var ImageNavigator = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderImageUploader",
     value: function renderImageUploader() {
-      var _this$props2 = this.props,
-          errorMessage = _this$props2.errorMessage,
-          isLoading = _this$props2.isLoading;
+      var _this$props3 = this.props,
+          errorMessage = _this$props3.errorMessage,
+          isLoading = _this$props3.isLoading;
       return /*#__PURE__*/_react.default.createElement(_styled.ImageUploader, null, this.renderDragZone(), isLoading ? null : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_styled.PaddedBreak, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, errorMessage ? _mediaUi.messages.try_again : _mediaUi.messages.or)), /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
         onClick: this.onUploadButtonClick,
         isDisabled: isLoading
@@ -421,9 +424,9 @@ var ImageNavigator = /*#__PURE__*/function (_Component) {
   }, {
     key: "dataURI",
     get: function get() {
-      var _this$props3 = this.props,
-          imageSource = _this$props3.imageSource,
-          errorMessage = _this$props3.errorMessage;
+      var _this$props4 = this.props,
+          imageSource = _this$props4.imageSource,
+          errorMessage = _this$props4.errorMessage;
       var fileImageSource = this.state.fileImageSource;
       return errorMessage ? undefined : imageSource || fileImageSource;
     }

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-avatar-picker",
-	"version": "23.1.1",
+	"version": "23.2.1",
 	"sideEffects": false
 }

package/dist/es2019/image-navigator/index.js

@@ -255,14 +255,15 @@ export class ImageNavigator extends Component {
     const {
       intl: {
         formatMessage
-      }
+      },
+      maxImageSize = MAX_SIZE_MB
     } = this.props;
 
     if (ACCEPT.indexOf(imageFile.type) === -1) {
       return formatMessage(ERROR.FORMAT);
-    } else if (fileSizeMb(imageFile) > MAX_SIZE_MB) {
+    } else if (fileSizeMb(imageFile) > maxImageSize) {
       return formatMessage(ERROR.SIZE, {
-        MAX_SIZE_MB
+        MAX_SIZE_MB: maxImageSize
       });
     }
 

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-avatar-picker",
-	"version": "23.1.1",
+	"version": "23.2.1",
 	"sideEffects": false
 }

package/dist/esm/image-navigator/index.js

@@ -280,13 +280,16 @@ export var ImageNavigator = /*#__PURE__*/function (_Component) {
   }, {
     key: "validateFile",
     value: function validateFile(imageFile) {
-      var formatMessage = this.props.intl.formatMessage;
+      var _this$props2 = this.props,
+          formatMessage = _this$props2.intl.formatMessage,
+          _this$props2$maxImage = _this$props2.maxImageSize,
+          maxImageSize = _this$props2$maxImage === void 0 ? MAX_SIZE_MB : _this$props2$maxImage;
 
       if (ACCEPT.indexOf(imageFile.type) === -1) {
         return formatMessage(ERROR.FORMAT);
-      } else if (fileSizeMb(imageFile) > MAX_SIZE_MB) {
+      } else if (fileSizeMb(imageFile) > maxImageSize) {
         return formatMessage(ERROR.SIZE, {
-          MAX_SIZE_MB: MAX_SIZE_MB
+          MAX_SIZE_MB: maxImageSize
         });
       }
 
@@ -350,9 +353,9 @@ export var ImageNavigator = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderImageUploader",
     value: function renderImageUploader() {
-      var _this$props2 = this.props,
-          errorMessage = _this$props2.errorMessage,
-          isLoading = _this$props2.isLoading;
+      var _this$props3 = this.props,
+          errorMessage = _this$props3.errorMessage,
+          isLoading = _this$props3.isLoading;
       return /*#__PURE__*/React.createElement(ImageUploader, null, this.renderDragZone(), isLoading ? null : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PaddedBreak, null, /*#__PURE__*/React.createElement(FormattedMessage, errorMessage ? messages.try_again : messages.or)), /*#__PURE__*/React.createElement(Button, {
         onClick: this.onUploadButtonClick,
         isDisabled: isLoading
@@ -398,9 +401,9 @@ export var ImageNavigator = /*#__PURE__*/function (_Component) {
   }, {
     key: "dataURI",
     get: function get() {
-      var _this$props3 = this.props,
-          imageSource = _this$props3.imageSource,
-          errorMessage = _this$props3.errorMessage;
+      var _this$props4 = this.props,
+          imageSource = _this$props4.imageSource,
+          errorMessage = _this$props4.errorMessage;
       var fileImageSource = this.state.fileImageSource;
       return errorMessage ? undefined : imageSource || fileImageSource;
     }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-avatar-picker",
-	"version": "23.1.1",
+	"version": "23.2.1",
 	"sideEffects": false
 }

package/dist/types/avatar-picker-dialog/types.d.ts

@@ -37,6 +37,8 @@ export interface AvatarPickerDialogProps {
     predefinedAvatarsText?: string;
     /** The target width/height of the resulting (square) avatar. Leave blank for default (200x200) */
     outputSize?: number;
+    /** This optional property allows the consumer to define the maximum image size that can be uploaded. */
+    maxImageSize?: number;
 }
 export interface AvatarPickerDialogState {
     mode: Mode;

package/dist/types/image-cropper/styled.d.ts

@@ -12,7 +12,7 @@ declare module 'react' {
     }
 }
 export declare const Container: ComponentClass<HTMLAttributes<{}>>;
-export declare const ImageContainer: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ImageContainer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
 export declare const CONTAINER_PADDING = 28;
 export declare const RectMask: ComponentClass<HTMLAttributes<{}>>;
 export declare const CircularMask: ComponentClass<HTMLAttributes<{}>>;

package/dist/types/image-navigator/index.d.ts

@@ -23,6 +23,7 @@ export interface Props {
     onImageUploaded: (file: File) => void;
     onImageError: (errorMessage: string) => void;
     isLoading?: boolean;
+    maxImageSize?: number;
 }
 export interface State {
     imagePos: Vector2;

package/dist/types/image-navigator/styled.d.ts

@@ -16,4 +16,4 @@ export interface DragZoneTextProps {
 export declare const DragZoneText: ComponentClass<HTMLAttributes<{}> & DragZoneTextProps>;
 export declare const SelectionBlocker: ComponentClass<HTMLAttributes<{}>>;
 export declare const PaddedBreak: ComponentClass<HTMLAttributes<{}>>;
-export declare const SliderWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const SliderWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-avatar-picker",
-  "version": "23.1.1",
+  "version": "23.2.1",
   "description": "A component to select, drag and resize image avatars. It also provides a default list of predefined avatars.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,7 @@
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "af:exports": {
-    ".": "./src/index.ts"
+    ".": "./src/index.tsx"
   },
   "atlassian": {
     "team": "Media Experience",
@@ -26,9 +26,9 @@
     }
   },
   "dependencies": {
-    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/button": "^16.3.0",
     "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/media-ui": "^20.0.0",
+    "@atlaskit/media-ui": "^21.1.0",
     "@atlaskit/modal-dialog": "^12.2.0",
     "@atlaskit/range": "^6.0.0",
     "@atlaskit/spinner": "^15.0.0",
@@ -43,8 +43,8 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "*",
-    "@atlaskit/media-core": "^32.2.0",
-    "@atlaskit/media-test-helpers": "^29.2.0",
+    "@atlaskit/media-core": "^32.3.0",
+    "@atlaskit/media-test-helpers": "^29.4.0",
     "@atlaskit/page": "^12.1.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@types/enzyme": "^3.1.15",
@@ -52,7 +52,7 @@
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
-    "typescript": "3.9.6"
+    "typescript": "4.2.4"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }