@atlaskit/media-avatar-picker 26.1.11 → 26.2.0

package/.agent.md

@@ -1,22 +1,29 @@
 # Media Avatar Picker - Agent Documentation
 
 ## Overview
-The `@atlaskit/media-avatar-picker` package provides components for selecting, uploading, and cropping avatar images. It includes both local image upload functionality and predefined avatar selection.
+
+The `@atlaskit/media-avatar-picker` package provides components for selecting, uploading, and
+cropping avatar images. It includes both local image upload functionality and predefined avatar
+selection.
 
 ## Key Components
 
 ### AvatarPickerDialog
+
 Main dialog component that orchestrates the avatar selection experience.
 
 ### ImageCropper
+
 Interactive component for cropping uploaded images with keyboard and mouse support.
 
 ### ImageNavigator
+
 Component that handles image upload, display, and basic navigation controls.
 
 ## Accessibility Features
 
 ### Image Cropper Accessibility
+
 The image cropper component has been designed with accessibility in mind:
 
 - **Keyboard Navigation**: Users can navigate and crop images using arrow keys
@@ -25,35 +32,43 @@ The image cropper component has been designed with accessibility in mind:
 - **Live Announcements**: Real-time feedback for image movements via aria-live regions
 
 #### Recent Accessibility Improvements (2025)
-- Fixed `aria-prohibited-attr` violation by adding `role="button"` to interactive cropping mask elements
+
+- Fixed `aria-prohibited-attr` violation by adding `role="button"` to interactive cropping mask
+  elements
 - Ensured proper semantic meaning for focusable elements with ARIA labels
 - Maintains WCAG Level A compliance
 
 ### Implementation Details
+
 The image cropper mask elements use:
+
 - `role="button"` - Identifies the element as an interactive button
 - `tabIndex={0}` - Makes the element focusable via keyboard
 - `aria-label` - Provides descriptive text for screen readers
 - `onKeyDown` - Handles arrow key navigation for image positioning
 
 ## Testing
+
 - All accessibility tests pass with zero violations
 - Comprehensive keyboard navigation testing
 - Screen reader compatibility verified
 - Visual regression tests for different image orientations
 
 ## Known Limitations
+
 - Only supports image/gif, image/jpeg, and image/png formats
 - Maximum file size of 10MB
 - SVG format not currently supported
 
 ## Recent Changes
+
 - **2025-01**: Fixed accessibility violations in image cropper component
 - Enhanced ARIA support for better screen reader experience
 - Updated tests to reflect accessibility improvements
 
 ## Development Notes
+
 - Follow WCAG guidelines when making changes to interactive elements
 - Run accessibility tests before submitting changes
 - Consider keyboard-only users when adding new features
-- Ensure proper ARIA attributes for any new focusable elements
+- Ensure proper ARIA attributes for any new focusable elements

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-avatar-picker
 
+## 26.2.0
+
+### Minor Changes
+
+- [#192283](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/192283)
+  [`7caa838fc933e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7caa838fc933e) -
+  fixing some ts typecheck errors
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 26.1.11
 
 ### Patch Changes

package/dist/cjs/avatar-picker-dialog/index.js

@@ -134,7 +134,7 @@ var AvatarPickerDialog = exports.AvatarPickerDialog = /*#__PURE__*/function (_Pu
      * Initialised with no-op function.  Is assigned cropped image exporting
      * function when internal ImageCropper mounts via this.onImageNavigatorLoad
      */
-    (0, _defineProperty2.default)(_this, "exportCroppedImage", function (outputSize) {
+    (0, _defineProperty2.default)(_this, "exportCroppedImage", function (_outputSize) {
       return '';
     });
     (0, _defineProperty2.default)(_this, "onSave", function (event) {

package/dist/es2019/avatar-picker-dialog/index.js

@@ -96,7 +96,7 @@ export class AvatarPickerDialog extends PureComponent {
      * Initialised with no-op function.  Is assigned cropped image exporting
      * function when internal ImageCropper mounts via this.onImageNavigatorLoad
      */
-    _defineProperty(this, "exportCroppedImage", outputSize => '');
+    _defineProperty(this, "exportCroppedImage", _outputSize => '');
     _defineProperty(this, "onSave", event => {
       event.preventDefault();
       const {

package/dist/esm/avatar-picker-dialog/index.js

@@ -127,7 +127,7 @@ export var AvatarPickerDialog = /*#__PURE__*/function (_PureComponent) {
      * Initialised with no-op function.  Is assigned cropped image exporting
      * function when internal ImageCropper mounts via this.onImageNavigatorLoad
      */
-    _defineProperty(_this, "exportCroppedImage", function (outputSize) {
+    _defineProperty(_this, "exportCroppedImage", function (_outputSize) {
       return '';
     });
     _defineProperty(_this, "onSave", function (event) {

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

@@ -30,7 +30,7 @@ export declare class AvatarPickerDialog extends PureComponent<AvatarPickerDialog
      * Initialised with no-op function.  Is assigned cropped image exporting
      * function when internal ImageCropper mounts via this.onImageNavigatorLoad
      */
-    exportCroppedImage: (outputSize?: number) => string;
+    exportCroppedImage: (_outputSize?: number) => string;
     onSave: (event: React.FormEvent<HTMLFormElement>) => void;
     onShowMore: () => void;
     onGoBack: () => void;

package/dist/types-ts4.5/avatar-picker-dialog/index.d.ts

@@ -30,7 +30,7 @@ export declare class AvatarPickerDialog extends PureComponent<AvatarPickerDialog
      * Initialised with no-op function.  Is assigned cropped image exporting
      * function when internal ImageCropper mounts via this.onImageNavigatorLoad
      */
-    exportCroppedImage: (outputSize?: number) => string;
+    exportCroppedImage: (_outputSize?: number) => string;
     onSave: (event: React.FormEvent<HTMLFormElement>) => void;
     onShowMore: () => void;
     onGoBack: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-avatar-picker",
-	"version": "26.1.11",
+	"version": "26.2.0",
 	"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/"
@@ -38,11 +38,11 @@
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/flag": "^17.3.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/icon": "^27.7.0",
+		"@atlaskit/icon": "^27.8.0",
 		"@atlaskit/media-ui": "^28.6.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
-		"@atlaskit/primitives": "^14.10.0",
-		"@atlaskit/range": "^9.1.0",
+		"@atlaskit/primitives": "^14.11.0",
+		"@atlaskit/range": "^9.2.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",