@atlaskit/media-avatar-picker 24.10.2 → 24.10.5

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/media-avatar-picker
 
+## 24.10.5
+
+### Patch Changes
+
+- [`8409cdfa1a7b4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8409cdfa1a7b4) -
+  React 18 strict mode fix
+
+## 24.10.4
+
+### Patch Changes
+
+- [#160682](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/160682)
+  [`5237432b2a106`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5237432b2a106) -
+  Fix React 18 strict mode issues
+
+## 24.10.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.10.2
 
 ### Patch Changes

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

@@ -224,8 +224,8 @@ var ImageNavigator = exports.ImageNavigator = /*#__PURE__*/function (_Component)
     return _this;
   }
   (0, _createClass2.default)(ImageNavigator, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
+    key: "componentDidMount",
+    value: function componentDidMount() {
       if (!exenv.canUseDOM) {
         return;
       }

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

@@ -72,8 +72,8 @@ var ImagePlacerContainer = exports.ImagePlacerContainer = /*#__PURE__*/function
     return _this;
   }
   (0, _createClass2.default)(ImagePlacerContainer, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
+    key: "componentDidMount",
+    value: function componentDidMount() {
       if (this.isTouch) {
         document.addEventListener('touchmove', this.onTouchMove);
         document.addEventListener('touchend', this.onMouseUp);

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

@@ -15,6 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _isImageRemote = require("../image-cropper/isImageRemote");
 var _imageWrapper = require("./imageWrapper");
+var _util = require("../util");
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // TODO: i18n https://product-fabric.atlassian.net/browse/MS-1261
@@ -25,13 +26,10 @@ var IMAGE_ERRORS = exports.IMAGE_ERRORS = {
 var ImagePlacerImage = exports.ImagePlacerImage = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ImagePlacerImage, _React$Component);
   var _super = _createSuper(ImagePlacerImage);
-  function ImagePlacerImage() {
+  function ImagePlacerImage(props) {
     var _this;
     (0, _classCallCheck2.default)(this, ImagePlacerImage);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onLoad", function (e) {
       var image = e.currentTarget;
       var width = image.naturalWidth,
@@ -41,23 +39,22 @@ var ImagePlacerImage = exports.ImagePlacerImage = /*#__PURE__*/function (_React$
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onError", function () {
       _this.props.onError(IMAGE_ERRORS.LOAD_FAIL);
     });
+    if ((0, _util.isSSR)()) {
+      return (0, _possibleConstructorReturn2.default)(_this);
+    }
+    var _this$props = _this.props,
+      src = _this$props.src,
+      onError = _this$props.onError;
+    if (src !== undefined) {
+      try {
+        (0, _isImageRemote.isImageRemote)(src);
+      } catch (e) {
+        onError(IMAGE_ERRORS.BAD_URL);
+      }
+    }
     return _this;
   }
   (0, _createClass2.default)(ImagePlacerImage, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      var _this$props = this.props,
-        src = _this$props.src,
-        onError = _this$props.onError;
-      if (src !== undefined) {
-        try {
-          (0, _isImageRemote.isImageRemote)(src);
-        } catch (e) {
-          onError(IMAGE_ERRORS.BAD_URL);
-        }
-      }
-    }
-  }, {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,

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

@@ -25,6 +25,7 @@ var _styles = require("./styles");
 var _imageProcessor = require("./imageProcessor");
 var _constraints = require("./constraints");
 var _imagePlacerErrorWrapper = require("./imagePlacerErrorWrapper");
+var _util = require("../util");
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * @jsxRuntime classic
@@ -77,13 +78,10 @@ var defaultProps = exports.defaultProps = {
 var ImagePlacer = exports.ImagePlacer = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ImagePlacer, _React$Component);
   var _super = _createSuper(ImagePlacer);
-  function ImagePlacer() {
+  function ImagePlacer(_props) {
     var _this;
     (0, _classCallCheck2.default)(this, ImagePlacer);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, _props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "imageSourceRect", new _mediaUi.Rectangle(0, 0));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       imageWidth: 0,
@@ -168,6 +166,10 @@ var ImagePlacer = exports.ImagePlacer = /*#__PURE__*/function (_React$Component)
       _this.setZoom(clampedZoom);
       _this.updateZoomProp(clampedZoom);
     });
+    if ((0, _util.isSSR)()) {
+      return (0, _possibleConstructorReturn2.default)(_this);
+    }
+    _this.provideImageActions();
     return _this;
   }
   (0, _createClass2.default)(ImagePlacer, [{
@@ -244,11 +246,6 @@ var ImagePlacer = exports.ImagePlacer = /*#__PURE__*/function (_React$Component)
         cornerY = _this$transformVisibl2.y;
       return new _mediaUi.Bounds(originX, originY, cornerX - originX, cornerY - originY);
     }
-  }, {
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      this.provideImageActions();
-    }
   }, {
     key: "provideImageActions",
     value: function provideImageActions() {

package/dist/cjs/util.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.fileSizeMb = fileSizeMb;
 exports.getCanvas = getCanvas;
+exports.isSSR = void 0;
 function fileSizeMb(file) {
   return file.size / 1024 / 1024;
 }
@@ -17,4 +18,7 @@ function getCanvas(width, height) {
     canvas: canvas,
     context: context
   };
-}
+}
+var isSSR = exports.isSSR = function isSSR() {
+  return typeof window === 'undefined' || typeof document === 'undefined';
+};

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

@@ -210,7 +210,7 @@ export class ImageNavigator extends Component {
       this.props.onRemoveImage();
     });
   }
-  UNSAFE_componentWillMount() {
+  componentDidMount() {
     if (!exenv.canUseDOM) {
       return;
     }

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

@@ -51,7 +51,7 @@ export class ImagePlacerContainer extends React.Component {
       this.props.onWheel(e.deltaY);
     });
   }
-  UNSAFE_componentWillMount() {
+  componentDidMount() {
     if (this.isTouch) {
       document.addEventListener('touchmove', this.onTouchMove);
       document.addEventListener('touchend', this.onMouseUp);

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

@@ -2,14 +2,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { isImageRemote } from '../image-cropper/isImageRemote';
 import { ImageWrapper } from './imageWrapper';
+import { isSSR } from '../util';
 // TODO: i18n https://product-fabric.atlassian.net/browse/MS-1261
 export const IMAGE_ERRORS = {
   BAD_URL: 'Invalid image url',
   LOAD_FAIL: 'Image failed to load'
 };
 export class ImagePlacerImage extends React.Component {
-  constructor(...args) {
-    super(...args);
+  constructor(props) {
+    super(props);
     _defineProperty(this, "onLoad", e => {
       const image = e.currentTarget;
       const {
@@ -21,8 +22,9 @@ export class ImagePlacerImage extends React.Component {
     _defineProperty(this, "onError", () => {
       this.props.onError(IMAGE_ERRORS.LOAD_FAIL);
     });
-  }
-  UNSAFE_componentWillMount() {
+    if (isSSR()) {
+      return;
+    }
     const {
       src,
       onError

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

@@ -14,6 +14,7 @@ import { imagePlacerWrapperStyles } from './styles';
 import { initialiseImagePreview, renderImageAtCurrentView } from './imageProcessor';
 import { zoomToFit, applyConstraints, transformVisibleBoundsToImageCoords } from './constraints';
 import { ImagePlacerErrorWrapper } from './imagePlacerErrorWrapper';
+import { isSSR } from '../util';
 
 /*
 "container(Width|Height)" is the outputed size of the final image plus "margin"s.
@@ -60,8 +61,80 @@ export const defaultProps = {
   backgroundColor: DEFAULT_BACKGROUND_COLOR
 };
 export class ImagePlacer extends React.Component {
-  constructor(...args) {
-    super(...args);
+  /* the local rect of the container with margins */
+  get containerRectWithMargins() {
+    const {
+      containerWidth,
+      containerHeight,
+      margin
+    } = this.props;
+    return new Rectangle(containerWidth + margin * 2, containerHeight + margin * 2);
+  }
+
+  /* the local rect of the container without margins */
+  get containerRect() {
+    const {
+      containerWidth,
+      containerHeight
+    } = this.props;
+    return new Rectangle(containerWidth, containerHeight);
+  }
+
+  /* the bounds of the scaled/panned image, relative to container */
+  get imageBounds() {
+    const {
+      zoom
+    } = this.state;
+    return this.calcImageBounds(zoom);
+  }
+  calcImageBounds(zoom) {
+    const {
+      margin,
+      maxZoom
+    } = this.props;
+    const {
+      originX,
+      originY,
+      imageWidth,
+      imageHeight
+    } = this.state;
+    const x = margin + originX;
+    const y = margin + originY;
+    const maxWidthDiff = imageWidth * maxZoom - imageWidth;
+    const maxHeightDiff = imageHeight * maxZoom - imageHeight;
+    const width = imageWidth + maxWidthDiff * zoom;
+    const height = imageHeight + maxHeightDiff * zoom;
+    return new Bounds(x, y, width, height);
+  }
+
+  /* the bounds of the visible area (container - margins), relative to container */
+  get visibleBounds() {
+    const {
+      containerWidth,
+      containerHeight,
+      margin
+    } = this.props;
+    return new Bounds(margin, margin, containerWidth, containerHeight);
+  }
+
+  /* a coordinate mapping from visibleBounds to local rect of image */
+  get sourceBounds() {
+    const {
+      containerWidth,
+      containerHeight
+    } = this.props;
+    const {
+      x: originX,
+      y: originY
+    } = this.transformVisibleBoundsToImageCoords(0, 0);
+    const {
+      x: cornerX,
+      y: cornerY
+    } = this.transformVisibleBoundsToImageCoords(containerWidth, containerHeight);
+    return new Bounds(originX, originY, cornerX - originX, cornerY - originY);
+  }
+  constructor(_props) {
+    super(_props);
     _defineProperty(this, "imageSourceRect", new Rectangle(0, 0));
     _defineProperty(this, "state", {
       imageWidth: 0,
@@ -156,80 +229,9 @@ export class ImagePlacer extends React.Component {
       this.setZoom(clampedZoom);
       this.updateZoomProp(clampedZoom);
     });
-  }
-  /* the local rect of the container with margins */
-  get containerRectWithMargins() {
-    const {
-      containerWidth,
-      containerHeight,
-      margin
-    } = this.props;
-    return new Rectangle(containerWidth + margin * 2, containerHeight + margin * 2);
-  }
-
-  /* the local rect of the container without margins */
-  get containerRect() {
-    const {
-      containerWidth,
-      containerHeight
-    } = this.props;
-    return new Rectangle(containerWidth, containerHeight);
-  }
-
-  /* the bounds of the scaled/panned image, relative to container */
-  get imageBounds() {
-    const {
-      zoom
-    } = this.state;
-    return this.calcImageBounds(zoom);
-  }
-  calcImageBounds(zoom) {
-    const {
-      margin,
-      maxZoom
-    } = this.props;
-    const {
-      originX,
-      originY,
-      imageWidth,
-      imageHeight
-    } = this.state;
-    const x = margin + originX;
-    const y = margin + originY;
-    const maxWidthDiff = imageWidth * maxZoom - imageWidth;
-    const maxHeightDiff = imageHeight * maxZoom - imageHeight;
-    const width = imageWidth + maxWidthDiff * zoom;
-    const height = imageHeight + maxHeightDiff * zoom;
-    return new Bounds(x, y, width, height);
-  }
-
-  /* the bounds of the visible area (container - margins), relative to container */
-  get visibleBounds() {
-    const {
-      containerWidth,
-      containerHeight,
-      margin
-    } = this.props;
-    return new Bounds(margin, margin, containerWidth, containerHeight);
-  }
-
-  /* a coordinate mapping from visibleBounds to local rect of image */
-  get sourceBounds() {
-    const {
-      containerWidth,
-      containerHeight
-    } = this.props;
-    const {
-      x: originX,
-      y: originY
-    } = this.transformVisibleBoundsToImageCoords(0, 0);
-    const {
-      x: cornerX,
-      y: cornerY
-    } = this.transformVisibleBoundsToImageCoords(containerWidth, containerHeight);
-    return new Bounds(originX, originY, cornerX - originX, cornerY - originY);
-  }
-  UNSAFE_componentWillMount() {
+    if (isSSR()) {
+      return;
+    }
     this.provideImageActions();
   }
   provideImageActions() {

package/dist/es2019/util.js

@@ -10,4 +10,5 @@ export function getCanvas(width, height) {
     canvas,
     context
   };
-}
+}
+export const isSSR = () => typeof window === 'undefined' || typeof document === 'undefined';

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

@@ -217,8 +217,8 @@ export var ImageNavigator = /*#__PURE__*/function (_Component) {
     return _this;
   }
   _createClass(ImageNavigator, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
+    key: "componentDidMount",
+    value: function componentDidMount() {
       if (!exenv.canUseDOM) {
         return;
       }

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

@@ -66,8 +66,8 @@ export var ImagePlacerContainer = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
   _createClass(ImagePlacerContainer, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
+    key: "componentDidMount",
+    value: function componentDidMount() {
       if (this.isTouch) {
         document.addEventListener('touchmove', this.onTouchMove);
         document.addEventListener('touchend', this.onMouseUp);

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

@@ -10,6 +10,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 import { isImageRemote } from '../image-cropper/isImageRemote';
 import { ImageWrapper } from './imageWrapper';
+import { isSSR } from '../util';
 // TODO: i18n https://product-fabric.atlassian.net/browse/MS-1261
 export var IMAGE_ERRORS = {
   BAD_URL: 'Invalid image url',
@@ -18,13 +19,10 @@ export var IMAGE_ERRORS = {
 export var ImagePlacerImage = /*#__PURE__*/function (_React$Component) {
   _inherits(ImagePlacerImage, _React$Component);
   var _super = _createSuper(ImagePlacerImage);
-  function ImagePlacerImage() {
+  function ImagePlacerImage(props) {
     var _this;
     _classCallCheck(this, ImagePlacerImage);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
     _defineProperty(_assertThisInitialized(_this), "onLoad", function (e) {
       var image = e.currentTarget;
       var width = image.naturalWidth,
@@ -34,23 +32,22 @@ export var ImagePlacerImage = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "onError", function () {
       _this.props.onError(IMAGE_ERRORS.LOAD_FAIL);
     });
+    if (isSSR()) {
+      return _possibleConstructorReturn(_this);
+    }
+    var _this$props = _this.props,
+      src = _this$props.src,
+      onError = _this$props.onError;
+    if (src !== undefined) {
+      try {
+        isImageRemote(src);
+      } catch (e) {
+        onError(IMAGE_ERRORS.BAD_URL);
+      }
+    }
     return _this;
   }
   _createClass(ImagePlacerImage, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      var _this$props = this.props,
-        src = _this$props.src,
-        onError = _this$props.onError;
-      if (src !== undefined) {
-        try {
-          isImageRemote(src);
-        } catch (e) {
-          onError(IMAGE_ERRORS.BAD_URL);
-        }
-      }
-    }
-  }, {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,

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

@@ -25,6 +25,7 @@ import { imagePlacerWrapperStyles } from './styles';
 import { initialiseImagePreview, renderImageAtCurrentView } from './imageProcessor';
 import { zoomToFit as _zoomToFit, applyConstraints as _applyConstraints, transformVisibleBoundsToImageCoords as _transformVisibleBoundsToImageCoords } from './constraints';
 import { ImagePlacerErrorWrapper } from './imagePlacerErrorWrapper';
+import { isSSR } from '../util';
 
 /*
 "container(Width|Height)" is the outputed size of the final image plus "margin"s.
@@ -73,13 +74,10 @@ export var defaultProps = {
 export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
   _inherits(ImagePlacer, _React$Component);
   var _super = _createSuper(ImagePlacer);
-  function ImagePlacer() {
+  function ImagePlacer(_props) {
     var _this;
     _classCallCheck(this, ImagePlacer);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, _props);
     _defineProperty(_assertThisInitialized(_this), "imageSourceRect", new Rectangle(0, 0));
     _defineProperty(_assertThisInitialized(_this), "state", {
       imageWidth: 0,
@@ -164,6 +162,10 @@ export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
       _this.setZoom(clampedZoom);
       _this.updateZoomProp(clampedZoom);
     });
+    if (isSSR()) {
+      return _possibleConstructorReturn(_this);
+    }
+    _this.provideImageActions();
     return _this;
   }
   _createClass(ImagePlacer, [{
@@ -240,11 +242,6 @@ export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
         cornerY = _this$transformVisibl2.y;
       return new Bounds(originX, originY, cornerX - originX, cornerY - originY);
     }
-  }, {
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      this.provideImageActions();
-    }
   }, {
     key: "provideImageActions",
     value: function provideImageActions() {

package/dist/esm/util.js

@@ -10,4 +10,7 @@ export function getCanvas(width, height) {
     canvas: canvas,
     context: context
   };
-}
+}
+export var isSSR = function isSSR() {
+  return typeof window === 'undefined' || typeof document === 'undefined';
+};

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

@@ -44,7 +44,7 @@ export interface State {
 export declare class ImageNavigator extends Component<Props & WrappedComponentProps, State> {
     state: State;
     imageElement?: HTMLImageElement;
-    UNSAFE_componentWillMount(): void;
+    componentDidMount(): void;
     componentWillUnmount(): void;
     onDragStarted: (x: number, y: number) => void;
     onMouseMove: (e: MouseEvent) => void;

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

@@ -15,7 +15,7 @@ export interface ImagePlacerContainerProps {
 }
 export declare class ImagePlacerContainer extends React.Component<ImagePlacerContainerProps, {}> {
     private dragClientStart?;
-    UNSAFE_componentWillMount(): void;
+    componentDidMount(): void;
     componentWillUnmount(): void;
     get isDragging(): boolean;
     get isTouch(): boolean;

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

@@ -13,7 +13,7 @@ export declare const IMAGE_ERRORS: {
     LOAD_FAIL: string;
 };
 export declare class ImagePlacerImage extends React.Component<ImagePlacerImageProps, {}> {
-    UNSAFE_componentWillMount(): void;
+    constructor(props: ImagePlacerImageProps);
     onLoad: (e: React.SyntheticEvent<HTMLImageElement>) => void;
     onError: () => void;
     render(): JSX.Element | null;

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

@@ -84,7 +84,7 @@ export declare class ImagePlacer extends React.Component<ImagePlacerProps, Image
     private calcImageBounds;
     get visibleBounds(): Bounds;
     get sourceBounds(): Bounds;
-    UNSAFE_componentWillMount(): void;
+    constructor(props: ImagePlacerProps);
     private provideImageActions;
     UNSAFE_componentWillReceiveProps(nextProps: ImagePlacerProps): Promise<void>;
     preprocessFile(fileInfo: FileInfo): Promise<void>;

package/dist/types/util.d.ts

@@ -3,3 +3,4 @@ export declare function getCanvas(width: number, height: number): {
     canvas: HTMLCanvasElement;
     context: CanvasRenderingContext2D | null;
 };
+export declare const isSSR: () => boolean;

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

@@ -44,7 +44,7 @@ export interface State {
 export declare class ImageNavigator extends Component<Props & WrappedComponentProps, State> {
     state: State;
     imageElement?: HTMLImageElement;
-    UNSAFE_componentWillMount(): void;
+    componentDidMount(): void;
     componentWillUnmount(): void;
     onDragStarted: (x: number, y: number) => void;
     onMouseMove: (e: MouseEvent) => void;

package/dist/types-ts4.5/image-placer/container.d.ts

@@ -15,7 +15,7 @@ export interface ImagePlacerContainerProps {
 }
 export declare class ImagePlacerContainer extends React.Component<ImagePlacerContainerProps, {}> {
     private dragClientStart?;
-    UNSAFE_componentWillMount(): void;
+    componentDidMount(): void;
     componentWillUnmount(): void;
     get isDragging(): boolean;
     get isTouch(): boolean;

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

@@ -13,7 +13,7 @@ export declare const IMAGE_ERRORS: {
     LOAD_FAIL: string;
 };
 export declare class ImagePlacerImage extends React.Component<ImagePlacerImageProps, {}> {
-    UNSAFE_componentWillMount(): void;
+    constructor(props: ImagePlacerImageProps);
     onLoad: (e: React.SyntheticEvent<HTMLImageElement>) => void;
     onError: () => void;
     render(): JSX.Element | null;

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

@@ -84,7 +84,7 @@ export declare class ImagePlacer extends React.Component<ImagePlacerProps, Image
     private calcImageBounds;
     get visibleBounds(): Bounds;
     get sourceBounds(): Bounds;
-    UNSAFE_componentWillMount(): void;
+    constructor(props: ImagePlacerProps);
     private provideImageActions;
     UNSAFE_componentWillReceiveProps(nextProps: ImagePlacerProps): Promise<void>;
     preprocessFile(fileInfo: FileInfo): Promise<void>;

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

@@ -3,3 +3,4 @@ export declare function getCanvas(width: number, height: number): {
     canvas: HTMLCanvasElement;
     context: CanvasRenderingContext2D | null;
 };
+export declare const isSSR: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-avatar-picker",
-	"version": "24.10.2",
+	"version": "24.10.5",
 	"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/"
@@ -39,12 +39,12 @@
 		"@atlaskit/icon": "^22.24.0",
 		"@atlaskit/media-ui": "^26.0.0",
 		"@atlaskit/modal-dialog": "^12.17.0",
-		"@atlaskit/primitives": "^12.2.0",
+		"@atlaskit/primitives": "^13.0.0",
 		"@atlaskit/range": "^7.4.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.0.0",
+		"@atlaskit/tokens": "^2.2.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
 		"@babel/runtime": "^7.0.0",
 		"exenv": "^1.2.2",