@atlaskit/media-avatar-picker 28.0.1 → 28.1.1

package/AGENTS.md

@@ -17,11 +17,13 @@
 > codebase and the docs after any code change. Use the `generate` subcommand to bootstrap the index
 > in a new repository.
 
-**Entry point:** `.agents/knowledge-index/INDEX.md`
-**Unit doc:** `.agents/knowledge-index/domains/media/units/atlaskit-media-avatar-picker.md`
-**Standards page:** `.agents/knowledge-index/domains/media/units/atlaskit-media-avatar-picker/standards-and-patterns.md`
-**CLI:** `python3 .agents/skills/knowledge-index/scripts/kg.py {find,read,edit,investigate,validate,init,explore,generate} …`
-**Refresh protocol:** never silently bump `Last verified` — always re-read the listed `Sources` first, edit, then `kg.py edit <path> --message "<reason>"`.
+**Entry point:** `.agents/knowledge-index/INDEX.md` **Unit doc:**
+`.agents/knowledge-index/domains/media/units/atlaskit-media-avatar-picker.md` **Standards page:**
+`.agents/knowledge-index/domains/media/units/atlaskit-media-avatar-picker/standards-and-patterns.md`
+**CLI:**
+`python3 .agents/skills/knowledge-index/scripts/kg.py {find,read,edit,investigate,validate,init,explore,generate} …`
+**Refresh protocol:** never silently bump `Last verified` — always re-read the listed `Sources`
+first, edit, then `kg.py edit <path> --message "<reason>"`.
 
 ---
 

package/CHANGELOG.md

@@ -1,11 +1,38 @@
 # @atlaskit/media-avatar-picker
 
+## 28.1.1
+
+### Patch Changes
+
+- [`dbc145df6b864`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dbc145df6b864) -
+  Clean up feature gate `platform_media_package_react19_lifecycle_fix`. The React 19-safe lifecycle
+  behaviour is now permanent: prop-change reactions run in `componentDidUpdate` and the legacy
+  `UNSAFE_componentWillReceiveProps` paths have been removed.
+
+## 28.1.0
+
+### Minor Changes
+
+- [`cd097a2111788`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cd097a2111788) -
+  Republish packages depending on `@atlaskit/react-compiler-gating` so their published dependency
+  reference is updated to the renamed `@atlaskit/react-compiler-gating` scope.
+
+  The earlier rename of `@atlassian/react-compiler-gating` to `@atlaskit/react-compiler-gating` only
+  bumped the renamed package itself, so dependent packages were never republished and their
+  published versions still referenced the old `@atlassian/react-compiler-gating` name, which is not
+  available in the public npm registry. This minor bump republishes all affected packages with the
+  corrected dependency.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.0.1
 
 ### Patch Changes
 
 - [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
-  Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
+  Add @atlaskit/react-compiler-gating as a runtime dependency to enable React Compiler platform
   gating.
 - Updated dependencies
 

package/compass.yml

@@ -1,41 +1,61 @@
 name: Media Avatar Picker
-id: 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/91b4a140-e4d9-4c93-b685-33ab22c6fa6d'
+id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/91b4a140-e4d9-4c93-b685-33ab22c6fa6d
 description:
-  'A component to select, drag and resize image avatars. It also provides a default list of
-  predefined avatars.'
+  A component to select, drag and resize image avatars. It also provides a default list of
+  predefined avatars.
 configVersion: 1
 typeId: UI_ELEMENT
-ownerId: 'ari:cloud:teams::team/3bee892f-cb1b-496c-b866-0f08d9e0296c'
+ownerId: ari:cloud:teams::team/3bee892f-cb1b-496c-b866-0f08d9e0296c # Media EXIF
 fields:
-  lifecycle: Active
   tier: 2
+  lifecycle: Active
+  isMonorepoProject: true
 labels:
   - atlassian-platform
+  - platform-code
+  - platform-afm
 links:
   - name: Root Repository
     type: REPOSITORY
     url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
   - name: ''
     type: REPOSITORY
-    url: 'https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/media/media-avatar-picker/'
+    url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/media/media-avatar-picker/
   - name: ''
     type: DOCUMENT
-    url: 'https://atlaskit.atlassian.com/packages/media/media-avatar-picker'
-  #- name: '' # Tome Capability
-  #  type: OTHER_LINK
-  #  url: ''
+    url: https://atlaskit.atlassian.com/packages/media/media-avatar-picker
   - name: Media By Product
     type: DASHBOARD
-    url: 'https://atlassian.signalfx.com/#/dashboard/E-vk3wqAwAA?groupId=E-vkzo1AwAA&configId=E-vk5fsAwAA&startTime=-7d&endTime=Now'
+    url: https://atlassian.signalfx.com/#/dashboard/E-vk3wqAwAA?groupId=E-vkzo1AwAA&configId=E-vk5fsAwAA&startTime=-7d&endTime=Now
   - name: ''
     type: CHAT_CHANNEL
-    url: 'https://atlassian.slack.com/archives/C05J5GNHPLN'
+    url: https://atlassian.slack.com/archives/C05J5GNHPLN
   - name: ''
     type: ON_CALL
-    url: 'https://atlassian.app.opsgenie.com/settings/schedule/detail/b62291ff-4029-4f26-b7fc-d75d46d7aebc'
+    url: https://atlassian.app.opsgenie.com/settings/schedule/detail/b62291ff-4029-4f26-b7fc-d75d46d7aebc
   - name: ''
     type: PROJECT
-    url: 'https://product-fabric.atlassian.net/jira/software/c/projects/BMPT/boards/5090'
+    url: https://product-fabric.atlassian.net/jira/software/c/projects/BMPT/boards/5090
+  - name: Slack Channel
+    type: CHAT_CHANNEL
+    url: https://atlassian.enterprise.slack.com/archives/C05J5GNHPLN # #help-media-platform
+  - name: Media Avatar Picker
+    type: REPOSITORY
+    url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/media/media-avatar-picker
 relationships: {}
-# Learn more about formatting compass.yml:
-# https://go.atlassian.com/compass-yml-format
+customFields:
+  - name: Department
+    type: text
+    value: Eng - Automation
+  - name: Technical Owner
+    type: user
+    value: ari:cloud:identity::user/712020:678ede01-221b-4b2f-9fce-adcc0b0d095e # Anupama Majety
+  - name: Required Reviewers Opt In
+    type: boolean
+    value: true
+  - name: Reviewer Selection Mechanism
+    type: text
+    value: random(2)
+  - name: Required Reviewer Approvals
+    type: number
+    value: 1

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

@@ -9,7 +9,6 @@ exports.defaultProps = exports.ImagePlacer = exports.DEFAULT_ZOOM = exports.DEFA
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -24,7 +23,6 @@ var _image = require("./image");
 var _margin = require("./margin");
 var _imageProcessor = require("./imageProcessor");
 var _constraints = require("./constraints");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _imagePlacerErrorWrapper = require("./imagePlacerErrorWrapper");
 var _util = require("../util");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -257,102 +255,14 @@ var ImagePlacer = exports.ImagePlacer = /*#__PURE__*/function (_React$Component)
         });
       }
     }
-
-    /* respond to prop changes */
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: (function () {
-      var _UNSAFE_componentWillReceiveProps = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(nextProps) {
-        var imageSourceRect, state, props, zoom, currentUseConstraints, currentContainerWidth, currentContainerHeight, currentMargin, currentSrc, nextZoom, nextUseConstraints, nextContainerWidth, nextContainerHeight, nextMargin, nextSrc, nextOnImageActions, isZoomChange, isUseConstraintsChange, isContainerWidthChange, isContainerHeightChange, isMarginChange, isImageAction, zoomReset, fileInfo;
-        return _regenerator.default.wrap(function (_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!(0, _platformFeatureFlags.fg)('platform_media_package_react19_lifecycle_fix')) {
-                _context.next = 1;
-                break;
-              }
-              return _context.abrupt("return");
-            case 1:
-              imageSourceRect = this.imageSourceRect, state = this.state, props = this.props;
-              zoom = state.zoom;
-              currentUseConstraints = props.useConstraints, currentContainerWidth = props.containerWidth, currentContainerHeight = props.containerHeight, currentMargin = props.margin, currentSrc = props.src;
-              nextZoom = nextProps.zoom, nextUseConstraints = nextProps.useConstraints, nextContainerWidth = nextProps.containerWidth, nextContainerHeight = nextProps.containerHeight, nextMargin = nextProps.margin, nextSrc = nextProps.src, nextOnImageActions = nextProps.onImageActions;
-              isZoomChange = nextZoom !== undefined && nextZoom !== zoom;
-              isUseConstraintsChange = nextUseConstraints !== undefined && nextUseConstraints !== currentUseConstraints;
-              isContainerWidthChange = nextContainerWidth !== undefined && nextContainerWidth !== currentContainerWidth;
-              isContainerHeightChange = nextContainerHeight !== undefined && nextContainerHeight !== currentContainerHeight;
-              isMarginChange = nextMargin !== undefined && nextMargin !== currentMargin;
-              isImageAction = (0, _typeof2.default)(nextOnImageActions) !== undefined;
-              zoomReset = {
-                zoom: 0
-              };
-              if (isZoomChange) {
-                this.setZoom(nextZoom);
-              }
-              if (isUseConstraintsChange) {
-                this.setState({
-                  zoom: 0,
-                  imageWidth: imageSourceRect.width,
-                  imageHeight: imageSourceRect.height
-                }, this.update);
-              }
-              if (isContainerWidthChange || isContainerHeightChange || isMarginChange) {
-                this.setState(zoomReset, this.update);
-                this.updateZoomProp();
-              }
-              if (!(nextSrc instanceof File && nextSrc !== currentSrc)) {
-                _context.next = 3;
-                break;
-              }
-              _context.next = 2;
-              return (0, _mediaUi.getFileInfo)(nextSrc);
-            case 2:
-              fileInfo = _context.sent;
-            case 3:
-              if (!(typeof nextSrc === 'string' && nextSrc !== currentSrc)) {
-                _context.next = 5;
-                break;
-              }
-              _context.next = 4;
-              return (0, _mediaUi.getFileInfoFromSrc)(nextSrc);
-            case 4:
-              fileInfo = _context.sent;
-            case 5:
-              if (!fileInfo) {
-                _context.next = 6;
-                break;
-              }
-              _context.next = 6;
-              return this.preprocessFile(fileInfo);
-            case 6:
-              if (isImageAction) {
-                this.provideImageActions();
-              }
-            case 7:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function UNSAFE_componentWillReceiveProps(_x) {
-        return _UNSAFE_componentWillReceiveProps.apply(this, arguments);
-      }
-      return UNSAFE_componentWillReceiveProps;
-    }())
   }, {
     key: "componentDidUpdate",
     value: function () {
-      var _componentDidUpdate = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(prevProps) {
+      var _componentDidUpdate = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(prevProps) {
         var imageSourceRect, props, nextZoom, nextUseConstraints, nextContainerWidth, nextContainerHeight, nextMargin, nextSrc, nextOnImageActions, prevZoom, prevUseConstraints, prevContainerWidth, prevContainerHeight, prevMargin, prevSrc, prevOnImageActions, isZoomChange, isUseConstraintsChange, isContainerWidthChange, isContainerHeightChange, isMarginChange, isImageActionChange, zoomReset, fileInfo;
-        return _regenerator.default.wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regenerator.default.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
             case 0:
-              if ((0, _platformFeatureFlags.fg)('platform_media_package_react19_lifecycle_fix')) {
-                _context2.next = 1;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 1:
               imageSourceRect = this.imageSourceRect, props = this.props;
               nextZoom = props.zoom, nextUseConstraints = props.useConstraints, nextContainerWidth = props.containerWidth, nextContainerHeight = props.containerHeight, nextMargin = props.margin, nextSrc = props.src, nextOnImageActions = props.onImageActions;
               prevZoom = prevProps.zoom, prevUseConstraints = prevProps.useConstraints, prevContainerWidth = prevProps.containerWidth, prevContainerHeight = prevProps.containerHeight, prevMargin = prevProps.margin, prevSrc = prevProps.src, prevOnImageActions = prevProps.onImageActions;
@@ -380,44 +290,44 @@ var ImagePlacer = exports.ImagePlacer = /*#__PURE__*/function (_React$Component)
                 this.updateZoomProp();
               }
               if (!(nextSrc !== prevSrc)) {
-                _context2.next = 6;
+                _context.next = 5;
                 break;
               }
               if (!(nextSrc instanceof File)) {
-                _context2.next = 3;
+                _context.next = 2;
                 break;
               }
-              _context2.next = 2;
+              _context.next = 1;
               return (0, _mediaUi.getFileInfo)(nextSrc);
+            case 1:
+              fileInfo = _context.sent;
             case 2:
-              fileInfo = _context2.sent;
-            case 3:
               if (!(typeof nextSrc === 'string')) {
-                _context2.next = 5;
+                _context.next = 4;
                 break;
               }
-              _context2.next = 4;
+              _context.next = 3;
               return (0, _mediaUi.getFileInfoFromSrc)(nextSrc);
+            case 3:
+              fileInfo = _context.sent;
             case 4:
-              fileInfo = _context2.sent;
-            case 5:
               if (!fileInfo) {
-                _context2.next = 6;
+                _context.next = 5;
                 break;
               }
-              _context2.next = 6;
+              _context.next = 5;
               return this.preprocessFile(fileInfo);
-            case 6:
+            case 5:
               if (isImageActionChange) {
                 this.provideImageActions();
               }
-            case 7:
+            case 6:
             case "end":
-              return _context2.stop();
+              return _context.stop();
           }
-        }, _callee2, this);
+        }, _callee, this);
       }));
-      function componentDidUpdate(_x2) {
+      function componentDidUpdate(_x) {
         return _componentDidUpdate.apply(this, arguments);
       }
       return componentDidUpdate;
@@ -425,16 +335,16 @@ var ImagePlacer = exports.ImagePlacer = /*#__PURE__*/function (_React$Component)
   }, {
     key: "preprocessFile",
     value: function () {
-      var _preprocessFile = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(fileInfo) {
+      var _preprocessFile = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(fileInfo) {
         var maxZoom, previewInfo, width, height;
-        return _regenerator.default.wrap(function (_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regenerator.default.wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               maxZoom = this.props.maxZoom;
-              _context3.next = 1;
+              _context2.next = 1;
               return (0, _imageProcessor.initialiseImagePreview)(fileInfo, this.containerRect, maxZoom);
             case 1:
-              previewInfo = _context3.sent;
+              previewInfo = _context2.sent;
               if (previewInfo) {
                 width = previewInfo.width, height = previewInfo.height;
                 this.imageSourceRect = new _mediaUi.Rectangle(width, height);
@@ -447,11 +357,11 @@ var ImagePlacer = exports.ImagePlacer = /*#__PURE__*/function (_React$Component)
               }
             case 2:
             case "end":
-              return _context3.stop();
+              return _context2.stop();
           }
-        }, _callee3, this);
+        }, _callee2, this);
       }));
-      function preprocessFile(_x3) {
+      function preprocessFile(_x2) {
         return _preprocessFile.apply(this, arguments);
       }
       return preprocessFile;

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

@@ -9,7 +9,6 @@ import { ImagePlacerImage } from './image';
 import { Margin } from './margin';
 import { initialiseImagePreview, renderImageAtCurrentView } from './imageProcessor';
 import { zoomToFit, applyConstraints, transformVisibleBoundsToImageCoords } from './constraints';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ImagePlacerErrorWrapper } from './imagePlacerErrorWrapper';
 import { isSSR } from '../util';
 
@@ -245,77 +244,7 @@ export class ImagePlacer extends React.Component {
       });
     }
   }
-
-  /* respond to prop changes */
-  async UNSAFE_componentWillReceiveProps(nextProps) {
-    if (fg('platform_media_package_react19_lifecycle_fix')) {
-      return;
-    }
-    const {
-      imageSourceRect,
-      state,
-      props
-    } = this;
-    const {
-      zoom
-    } = state;
-    const {
-      useConstraints: currentUseConstraints,
-      containerWidth: currentContainerWidth,
-      containerHeight: currentContainerHeight,
-      margin: currentMargin,
-      src: currentSrc
-    } = props;
-    const {
-      zoom: nextZoom,
-      useConstraints: nextUseConstraints,
-      containerWidth: nextContainerWidth,
-      containerHeight: nextContainerHeight,
-      margin: nextMargin,
-      src: nextSrc,
-      onImageActions: nextOnImageActions
-    } = nextProps;
-    const isZoomChange = nextZoom !== undefined && nextZoom !== zoom;
-    const isUseConstraintsChange = nextUseConstraints !== undefined && nextUseConstraints !== currentUseConstraints;
-    const isContainerWidthChange = nextContainerWidth !== undefined && nextContainerWidth !== currentContainerWidth;
-    const isContainerHeightChange = nextContainerHeight !== undefined && nextContainerHeight !== currentContainerHeight;
-    const isMarginChange = nextMargin !== undefined && nextMargin !== currentMargin;
-    const isImageAction = typeof nextOnImageActions !== undefined;
-    const zoomReset = {
-      zoom: 0
-    };
-    if (isZoomChange) {
-      this.setZoom(nextZoom);
-    }
-    if (isUseConstraintsChange) {
-      this.setState({
-        zoom: 0,
-        imageWidth: imageSourceRect.width,
-        imageHeight: imageSourceRect.height
-      }, this.update);
-    }
-    if (isContainerWidthChange || isContainerHeightChange || isMarginChange) {
-      this.setState(zoomReset, this.update);
-      this.updateZoomProp();
-    }
-    let fileInfo;
-    if (nextSrc instanceof File && nextSrc !== currentSrc) {
-      fileInfo = await getFileInfo(nextSrc);
-    }
-    if (typeof nextSrc === 'string' && nextSrc !== currentSrc) {
-      fileInfo = await getFileInfoFromSrc(nextSrc);
-    }
-    if (fileInfo) {
-      await this.preprocessFile(fileInfo);
-    }
-    if (isImageAction) {
-      this.provideImageActions();
-    }
-  }
   async componentDidUpdate(prevProps) {
-    if (!fg('platform_media_package_react19_lifecycle_fix')) {
-      return;
-    }
     const {
       imageSourceRect,
       props

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

@@ -1,5 +1,4 @@
 /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _typeof from "@babel/runtime/helpers/typeof";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -19,7 +18,6 @@ import { ImagePlacerImage } from './image';
 import { Margin } from './margin';
 import { initialiseImagePreview, renderImageAtCurrentView } from './imageProcessor';
 import { zoomToFit as _zoomToFit, applyConstraints as _applyConstraints, transformVisibleBoundsToImageCoords as _transformVisibleBoundsToImageCoords } from './constraints';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ImagePlacerErrorWrapper } from './imagePlacerErrorWrapper';
 import { isSSR } from '../util';
 
@@ -251,102 +249,14 @@ export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
         });
       }
     }
-
-    /* respond to prop changes */
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: (function () {
-      var _UNSAFE_componentWillReceiveProps = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(nextProps) {
-        var imageSourceRect, state, props, zoom, currentUseConstraints, currentContainerWidth, currentContainerHeight, currentMargin, currentSrc, nextZoom, nextUseConstraints, nextContainerWidth, nextContainerHeight, nextMargin, nextSrc, nextOnImageActions, isZoomChange, isUseConstraintsChange, isContainerWidthChange, isContainerHeightChange, isMarginChange, isImageAction, zoomReset, fileInfo;
-        return _regeneratorRuntime.wrap(function (_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!fg('platform_media_package_react19_lifecycle_fix')) {
-                _context.next = 1;
-                break;
-              }
-              return _context.abrupt("return");
-            case 1:
-              imageSourceRect = this.imageSourceRect, state = this.state, props = this.props;
-              zoom = state.zoom;
-              currentUseConstraints = props.useConstraints, currentContainerWidth = props.containerWidth, currentContainerHeight = props.containerHeight, currentMargin = props.margin, currentSrc = props.src;
-              nextZoom = nextProps.zoom, nextUseConstraints = nextProps.useConstraints, nextContainerWidth = nextProps.containerWidth, nextContainerHeight = nextProps.containerHeight, nextMargin = nextProps.margin, nextSrc = nextProps.src, nextOnImageActions = nextProps.onImageActions;
-              isZoomChange = nextZoom !== undefined && nextZoom !== zoom;
-              isUseConstraintsChange = nextUseConstraints !== undefined && nextUseConstraints !== currentUseConstraints;
-              isContainerWidthChange = nextContainerWidth !== undefined && nextContainerWidth !== currentContainerWidth;
-              isContainerHeightChange = nextContainerHeight !== undefined && nextContainerHeight !== currentContainerHeight;
-              isMarginChange = nextMargin !== undefined && nextMargin !== currentMargin;
-              isImageAction = _typeof(nextOnImageActions) !== undefined;
-              zoomReset = {
-                zoom: 0
-              };
-              if (isZoomChange) {
-                this.setZoom(nextZoom);
-              }
-              if (isUseConstraintsChange) {
-                this.setState({
-                  zoom: 0,
-                  imageWidth: imageSourceRect.width,
-                  imageHeight: imageSourceRect.height
-                }, this.update);
-              }
-              if (isContainerWidthChange || isContainerHeightChange || isMarginChange) {
-                this.setState(zoomReset, this.update);
-                this.updateZoomProp();
-              }
-              if (!(nextSrc instanceof File && nextSrc !== currentSrc)) {
-                _context.next = 3;
-                break;
-              }
-              _context.next = 2;
-              return getFileInfo(nextSrc);
-            case 2:
-              fileInfo = _context.sent;
-            case 3:
-              if (!(typeof nextSrc === 'string' && nextSrc !== currentSrc)) {
-                _context.next = 5;
-                break;
-              }
-              _context.next = 4;
-              return getFileInfoFromSrc(nextSrc);
-            case 4:
-              fileInfo = _context.sent;
-            case 5:
-              if (!fileInfo) {
-                _context.next = 6;
-                break;
-              }
-              _context.next = 6;
-              return this.preprocessFile(fileInfo);
-            case 6:
-              if (isImageAction) {
-                this.provideImageActions();
-              }
-            case 7:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function UNSAFE_componentWillReceiveProps(_x) {
-        return _UNSAFE_componentWillReceiveProps.apply(this, arguments);
-      }
-      return UNSAFE_componentWillReceiveProps;
-    }())
   }, {
     key: "componentDidUpdate",
     value: function () {
-      var _componentDidUpdate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(prevProps) {
+      var _componentDidUpdate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(prevProps) {
         var imageSourceRect, props, nextZoom, nextUseConstraints, nextContainerWidth, nextContainerHeight, nextMargin, nextSrc, nextOnImageActions, prevZoom, prevUseConstraints, prevContainerWidth, prevContainerHeight, prevMargin, prevSrc, prevOnImageActions, isZoomChange, isUseConstraintsChange, isContainerWidthChange, isContainerHeightChange, isMarginChange, isImageActionChange, zoomReset, fileInfo;
-        return _regeneratorRuntime.wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regeneratorRuntime.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
             case 0:
-              if (fg('platform_media_package_react19_lifecycle_fix')) {
-                _context2.next = 1;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 1:
               imageSourceRect = this.imageSourceRect, props = this.props;
               nextZoom = props.zoom, nextUseConstraints = props.useConstraints, nextContainerWidth = props.containerWidth, nextContainerHeight = props.containerHeight, nextMargin = props.margin, nextSrc = props.src, nextOnImageActions = props.onImageActions;
               prevZoom = prevProps.zoom, prevUseConstraints = prevProps.useConstraints, prevContainerWidth = prevProps.containerWidth, prevContainerHeight = prevProps.containerHeight, prevMargin = prevProps.margin, prevSrc = prevProps.src, prevOnImageActions = prevProps.onImageActions;
@@ -374,44 +284,44 @@ export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
                 this.updateZoomProp();
               }
               if (!(nextSrc !== prevSrc)) {
-                _context2.next = 6;
+                _context.next = 5;
                 break;
               }
               if (!(nextSrc instanceof File)) {
-                _context2.next = 3;
+                _context.next = 2;
                 break;
               }
-              _context2.next = 2;
+              _context.next = 1;
               return getFileInfo(nextSrc);
+            case 1:
+              fileInfo = _context.sent;
             case 2:
-              fileInfo = _context2.sent;
-            case 3:
               if (!(typeof nextSrc === 'string')) {
-                _context2.next = 5;
+                _context.next = 4;
                 break;
               }
-              _context2.next = 4;
+              _context.next = 3;
               return getFileInfoFromSrc(nextSrc);
+            case 3:
+              fileInfo = _context.sent;
             case 4:
-              fileInfo = _context2.sent;
-            case 5:
               if (!fileInfo) {
-                _context2.next = 6;
+                _context.next = 5;
                 break;
               }
-              _context2.next = 6;
+              _context.next = 5;
               return this.preprocessFile(fileInfo);
-            case 6:
+            case 5:
               if (isImageActionChange) {
                 this.provideImageActions();
               }
-            case 7:
+            case 6:
             case "end":
-              return _context2.stop();
+              return _context.stop();
           }
-        }, _callee2, this);
+        }, _callee, this);
       }));
-      function componentDidUpdate(_x2) {
+      function componentDidUpdate(_x) {
         return _componentDidUpdate.apply(this, arguments);
       }
       return componentDidUpdate;
@@ -419,16 +329,16 @@ export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "preprocessFile",
     value: function () {
-      var _preprocessFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(fileInfo) {
+      var _preprocessFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(fileInfo) {
         var maxZoom, previewInfo, width, height;
-        return _regeneratorRuntime.wrap(function (_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regeneratorRuntime.wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               maxZoom = this.props.maxZoom;
-              _context3.next = 1;
+              _context2.next = 1;
               return initialiseImagePreview(fileInfo, this.containerRect, maxZoom);
             case 1:
-              previewInfo = _context3.sent;
+              previewInfo = _context2.sent;
               if (previewInfo) {
                 width = previewInfo.width, height = previewInfo.height;
                 this.imageSourceRect = new Rectangle(width, height);
@@ -441,11 +351,11 @@ export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
               }
             case 2:
             case "end":
-              return _context3.stop();
+              return _context2.stop();
           }
-        }, _callee3, this);
+        }, _callee2, this);
       }));
-      function preprocessFile(_x3) {
+      function preprocessFile(_x2) {
         return _preprocessFile.apply(this, arguments);
       }
       return preprocessFile;

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

@@ -81,7 +81,6 @@ export declare class ImagePlacer extends React.Component<ImagePlacerProps, Image
     get sourceBounds(): Bounds;
     constructor(props: ImagePlacerProps);
     private provideImageActions;
-    UNSAFE_componentWillReceiveProps(nextProps: ImagePlacerProps): Promise<void>;
     componentDidUpdate(prevProps: ImagePlacerProps): Promise<void>;
     preprocessFile(fileInfo: FileInfo): Promise<void>;
     setSrc(fileInfo: FileInfo): void;

package/media-avatar-picker.docs.tsx

@@ -0,0 +1,71 @@
+/**
+ * Structured MCP docs for `@atlaskit/media-avatar-picker`.
+ */
+
+import path from 'path';
+
+import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
+
+import packageJson from './package.json';
+
+const packagePath = path.resolve(__dirname);
+
+const documentation: StructuredContentSource = {
+	package: {
+		package: '@atlaskit/media-avatar-picker',
+		packagePath,
+		packageJson,
+		overview:
+			'A component to select, drag and resize image avatars. It also provides a default list of predefined avatars.',
+	},
+	components: [
+		{
+			name: 'AvatarPickerDialog',
+			description: 'Main dialog component that orchestrates the avatar selection experience.',
+			status: 'general-availability',
+			import: {
+				name: 'AvatarPickerDialog',
+				package: '@atlaskit/media-avatar-picker',
+				type: 'named',
+				packagePath,
+				packageJson,
+			},
+			usageGuidelines: [
+				'Use `AvatarPickerDialog` when you need to allow users to upload or select an avatar.',
+			],
+			keywords: ['media', 'avatar', 'picker', 'upload'],
+			categories: ['media'],
+			examples: [
+				{
+					name: 'Avatar picker with source',
+					description: 'Basic usage of AvatarPickerDialog with an initial image source.',
+					source: path.resolve(packagePath, './examples/0-avatar-picker-with-source.tsx'),
+				},
+			],
+		},
+		{
+			name: 'ImageCropper',
+			description: 'Interactive component for cropping uploaded images.',
+			status: 'general-availability',
+			import: {
+				name: 'ImageCropper',
+				package: '@atlaskit/media-avatar-picker/image-cropper',
+				type: 'named',
+				packagePath,
+				packageJson,
+			},
+			usageGuidelines: ['Use `ImageCropper` for standalone image cropping functionality.'],
+			keywords: ['media', 'crop', 'image'],
+			categories: ['media'],
+			examples: [
+				{
+					name: 'Image cropper',
+					description: 'Basic usage of ImageCropper.',
+					source: path.resolve(packagePath, './examples/1-image-cropper.tsx'),
+				},
+			],
+		},
+	],
+};
+
+export default documentation;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-avatar-picker",
-	"version": "28.0.1",
+	"version": "28.1.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/"
@@ -20,7 +20,7 @@
 		"react-compiler": {
 			"enabled": true,
 			"gating": {
-				"source": "@atlassian/react-compiler-gating",
+				"source": "@atlaskit/react-compiler-gating",
 				"importSpecifierName": "isReactCompilerActivePlatform"
 			}
 		},
@@ -30,21 +30,21 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/button": "^24.1.0",
+		"@atlaskit/button": "^24.3.0",
 		"@atlaskit/css": "^1.0.0",
-		"@atlaskit/flag": "^18.0.0",
-		"@atlaskit/form": "^16.0.0",
-		"@atlaskit/icon": "^36.0.0",
-		"@atlaskit/media-ui": "^30.3.0",
-		"@atlaskit/modal-dialog": "^16.0.0",
+		"@atlaskit/flag": "^18.1.0",
+		"@atlaskit/form": "^16.1.0",
+		"@atlaskit/icon": "^36.2.0",
+		"@atlaskit/media-ui": "^30.6.0",
+		"@atlaskit/modal-dialog": "^16.1.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
-		"@atlaskit/primitives": "^20.0.0",
-		"@atlaskit/range": "^11.0.0",
-		"@atlaskit/spinner": "^20.0.0",
-		"@atlaskit/textfield": "^9.0.0",
-		"@atlaskit/tokens": "^15.0.0",
-		"@atlaskit/visually-hidden": "^4.0.0",
-		"@atlassian/react-compiler-gating": "^0.2.0",
+		"@atlaskit/primitives": "^20.5.0",
+		"@atlaskit/range": "^11.1.0",
+		"@atlaskit/react-compiler-gating": "^0.2.0",
+		"@atlaskit/spinner": "^20.1.0",
+		"@atlaskit/textfield": "^9.1.0",
+		"@atlaskit/tokens": "^15.5.0",
+		"@atlaskit/visually-hidden": "^4.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"exenv": "^1.2.2",
@@ -57,9 +57,9 @@
 	},
 	"devDependencies": {
 		"@atlaskit/media-core": "^38.0.0",
-		"@atlaskit/media-test-helpers": "^42.0.0",
-		"@atlassian/a11y-jest-testing": "^0.12.0",
-		"@atlassian/testing-library": "^0.6.0",
+		"@atlaskit/media-test-helpers": "^42.2.0",
+		"@atlassian/a11y-jest-testing": "^0.13.0",
+		"@atlassian/testing-library": "^0.11.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/exenv": "^1.2.0",
@@ -67,11 +67,6 @@
 		"react-dom": "^18.2.0",
 		"react-intl": "^7.0.0"
 	},
-	"platform-feature-flags": {
-		"platform_media_package_react19_lifecycle_fix": {
-			"type": "boolean"
-		}
-	},
 	"techstack": {
 		"@repo/internal": {
 			"design-tokens": [