@atlaskit/media-avatar-picker 28.3.2 → 28.3.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-avatar-picker
 
+## 28.3.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.3.2
 
 ### Patch Changes

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

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.SRLiveTitle = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
+var _messages = require("@atlaskit/media-ui/messages");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
 var _types = require("./types");
-var _messages = require("@atlaskit/media-ui/messages");
 var SRLiveTitle = exports.SRLiveTitle = function SRLiveTitle(_ref) {
   var mode = _ref.mode;
   var intl = (0, _reactIntl.useIntl)();

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

@@ -11,10 +11,10 @@ require("./SubmitErrorDialog.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
+var _reactIntl = require("react-intl");
 var _flag = _interopRequireDefault(require("@atlaskit/flag/flag"));
+var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
 var _messages = require("@atlaskit/media-ui/messages");
-var _reactIntl = require("react-intl");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var avatarPickerErrorStyles = null;
 var SubmitErrorDialog = exports.SubmitErrorDialog = function SubmitErrorDialog() {

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

@@ -19,29 +19,29 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-dialog"));
-var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-body"));
-var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-footer"));
-var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
-var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _reactIntl = require("react-intl");
+var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
+var _loadingButton = _interopRequireDefault(require("@atlaskit/button/loading-button"));
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _field = _interopRequireDefault(require("@atlaskit/form/field"));
 var _helperMessage = require("@atlaskit/form/helper-message");
-var _fileToDataURI = require("@atlaskit/media-ui/fileToDataURI");
 var _dataURItoFile = require("@atlaskit/media-ui/dataURItoFile");
+var _fileToDataURI = require("@atlaskit/media-ui/fileToDataURI");
 var _messages = require("@atlaskit/media-ui/messages");
+var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-body"));
+var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-dialog"));
+var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-footer"));
+var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
+var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
 var _imageNavigator = _interopRequireDefault(require("../image-navigator"));
 var _predefinedAvatarList = require("../predefined-avatar-list");
 var _predefinedAvatarView = require("../predefined-avatar-view");
-var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 var _layoutConst = require("./layout-const");
-var _types = require("./types");
 var _SRLiveTitle = require("./SRLiveTitle");
-var _loadingButton = _interopRequireDefault(require("@atlaskit/button/loading-button"));
 var _SubmitErrorDialog = require("./SubmitErrorDialog");
+var _types = require("./types");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 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)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }

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

@@ -17,16 +17,16 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/media-ui/messages");
-var _mediaImage = require("@atlaskit/media-ui/mediaImage");
-var _isImageRemote = require("./isImageRemote");
 var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
-var _compiled = require("@atlaskit/primitives/compiled");
 var _css = require("@atlaskit/css");
+var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
+var _mediaImage = require("@atlaskit/media-ui/mediaImage");
+var _messages = require("@atlaskit/media-ui/messages");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _avatarPickerDialog = require("../avatar-picker-dialog");
 var _layoutConst = require("../avatar-picker-dialog/layout-const");
+var _isImageRemote = require("./isImageRemote");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }

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

@@ -19,26 +19,26 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var exenv = _interopRequireWildcard(require("exenv"));
 var _reactIntl = require("react-intl");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-var _imageCropper = _interopRequireDefault(require("../image-cropper"));
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
-var _fileToDataURI = require("@atlaskit/media-ui/fileToDataURI");
 var _dataURItoFile = require("@atlaskit/media-ui/dataURItoFile");
+var _ellipsify = require("@atlaskit/media-ui/ellipsify/ellipsify");
+var _fileToDataURI = require("@atlaskit/media-ui/fileToDataURI");
 var _getOrientation = require("@atlaskit/media-ui/imageMetaData/getOrientation");
 var _isRotated = require("@atlaskit/media-ui/imageMetaData/isRotated");
-var _ellipsify = require("@atlaskit/media-ui/ellipsify/ellipsify");
-var _vector = require("@atlaskit/media-ui/vector2");
 var _messages = require("@atlaskit/media-ui/messages");
-var exenv = _interopRequireWildcard(require("exenv"));
-var _images = require("./images");
-var _util = require("../util");
+var _vector = require("@atlaskit/media-ui/vector2");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _avatarPickerDialog = require("../avatar-picker-dialog");
-var _viewport2 = require("../viewport");
-var _slider = _interopRequireDefault(require("./slider"));
 var _layoutConst = require("../avatar-picker-dialog/layout-const");
+var _imageCropper = _interopRequireDefault(require("../image-cropper"));
+var _util = require("../util");
+var _viewport2 = require("../viewport");
 var _dragZone = require("./dragZone");
 var _exportCroppedImage = require("./exportCroppedImage");
+var _images = require("./images");
+var _slider = _interopRequireDefault(require("./slider"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }

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

@@ -17,11 +17,11 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _range = _interopRequireDefault(require("@atlaskit/range/range"));
-var _messages = require("@atlaskit/media-ui/messages");
-var _image = _interopRequireDefault(require("@atlaskit/icon/core/image"));
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _reactIntl = require("react-intl");
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _image = _interopRequireDefault(require("@atlaskit/icon/core/image"));
+var _messages = require("@atlaskit/media-ui/messages");
+var _range = _interopRequireDefault(require("@atlaskit/range/range"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }

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

@@ -13,8 +13,8 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _isImageRemote = require("../image-cropper/isImageRemote");
-var _imageWrapper = require("./imageWrapper");
 var _util = require("../util");
+var _imageWrapper = require("./imageWrapper");
 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)); }
 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

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

@@ -10,9 +10,9 @@ exports.radians = radians;
 exports.renderImageAtCurrentView = renderImageAtCurrentView;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _rectangle = require("@atlaskit/media-ui/rectangle");
-var _loadImage = require("@atlaskit/media-ui/loadImage");
 var _getOrientation = require("@atlaskit/media-ui/imageMetaData/getOrientation");
+var _loadImage = require("@atlaskit/media-ui/loadImage");
+var _rectangle = require("@atlaskit/media-ui/rectangle");
 var _util = require("../util");
 function radians(deg) {
   return deg * (Math.PI / 180);

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

@@ -17,19 +17,19 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _rectangle = require("@atlaskit/media-ui/rectangle");
-var _vector = require("@atlaskit/media-ui/vector2");
 var _bounds = require("@atlaskit/media-ui/bounds");
 var _dataURItoFile = require("@atlaskit/media-ui/dataURItoFile");
 var _getFileInfo = require("@atlaskit/media-ui/getFileInfo");
 var _getFileInfoFromSrc = require("@atlaskit/media-ui/getFileInfoFromSrc");
+var _rectangle = require("@atlaskit/media-ui/rectangle");
+var _vector = require("@atlaskit/media-ui/vector2");
+var _util = require("../util");
+var _constraints = require("./constraints");
 var _container = require("./container");
 var _image = require("./image");
-var _margin = require("./margin");
-var _imageProcessor = require("./imageProcessor");
-var _constraints = require("./constraints");
 var _imagePlacerErrorWrapper = require("./imagePlacerErrorWrapper");
-var _util = require("../util");
+var _imageProcessor = require("./imageProcessor");
+var _margin = require("./margin");
 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)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /*
@@ -49,7 +49,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 |  +------------------+  |
 +------------------------+
 */
-
 /* pass onImageActions prop function to receive an object with this API to access image at current view */
 
 /* immutable prop defaults */
@@ -60,8 +59,10 @@ var DEFAULT_ZOOM = exports.DEFAULT_ZOOM = 0;
 var DEFAULT_ORIGIN_X = exports.DEFAULT_ORIGIN_X = 0;
 var DEFAULT_ORIGIN_Y = exports.DEFAULT_ORIGIN_Y = 0;
 var DEFAULT_USE_CONSTRAINTS = exports.DEFAULT_USE_CONSTRAINTS = true;
-var DEFAULT_USE_CIRCULAR = exports.DEFAULT_USE_CIRCULAR = false; /* whether or not to apply a circular margin to image while positioning */
-var DEFAULT_USE_CIRCULAR_CLIP_WITH_ACTIONS = exports.DEFAULT_USE_CIRCULAR_CLIP_WITH_ACTIONS = false; /* whether or not to apply a circular clip when rendering via actions */
+var DEFAULT_USE_CIRCULAR = exports.DEFAULT_USE_CIRCULAR = false;
+/* whether or not to apply a circular margin to image while positioning */
+var DEFAULT_USE_CIRCULAR_CLIP_WITH_ACTIONS = exports.DEFAULT_USE_CIRCULAR_CLIP_WITH_ACTIONS = false;
+/* whether or not to apply a circular clip when rendering via actions */
 var DEFAULT_BACKGROUND_COLOR = exports.DEFAULT_BACKGROUND_COLOR = 'transparent';
 var defaultProps = exports.defaultProps = {
   containerWidth: DEFAULT_CONTAINER_SIZE,

package/dist/cjs/predefined-avatar-list/index.js

@@ -11,11 +11,11 @@ require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _avatarList = require("../avatar-list");
-var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _reactIntl = require("react-intl");
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
 var _messages = require("@atlaskit/media-ui/messages");
+var _avatarList = require("../avatar-list");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var predefinedAvatarsWrapperStyles = null;
 var showMoreButtonStyles = null;

package/dist/cjs/predefined-avatar-view/index.js

@@ -14,9 +14,9 @@ var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/media-ui/messages");
-var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/arrow-left"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/arrow-left"));
+var _messages = require("@atlaskit/media-ui/messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }

package/dist/cjs/viewport/viewport.js

@@ -8,8 +8,8 @@ exports.Viewport = exports.MAX_SCALE = exports.DEFAULT_WIDTH = exports.DEFAULT_M
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _rectangle = require("@atlaskit/media-ui/rectangle");
 var _bounds = require("@atlaskit/media-ui/bounds");
+var _rectangle = require("@atlaskit/media-ui/rectangle");
 var _vector = require("@atlaskit/media-ui/vector2");
 /**
  * maximum amount to allow scaling up from "100%"

package/dist/es2019/avatar-list/index.js

@@ -2,9 +2,9 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { useState } from 'react';
 import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui/messages';
-import { useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 const smallAvatarImageStyles = null;
 const avatarListWrapperStyles = null;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
+import { messages } from '@atlaskit/media-ui/messages';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import { Mode } from './types';
-import { messages } from '@atlaskit/media-ui/messages';
 export const SRLiveTitle = ({
   mode
 }) => {

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

@@ -3,10 +3,10 @@ import "./SubmitErrorDialog.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useRef, useEffect } from 'react';
-import ErrorIcon from '@atlaskit/icon/core/status-error';
+import { useIntl } from 'react-intl';
 import Flag from '@atlaskit/flag/flag';
+import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { messages } from '@atlaskit/media-ui/messages';
-import { useIntl } from 'react-intl';
 const avatarPickerErrorStyles = null;
 export const SubmitErrorDialog = () => {
   const intl = useIntl();

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

@@ -5,30 +5,30 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment, createRef } from 'react';
 import { PureComponent } from 'react';
-import ModalDialog from '@atlaskit/modal-dialog/modal-dialog';
-import ModalBody from '@atlaskit/modal-dialog/modal-body';
-import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
-import ModalHeader from '@atlaskit/modal-dialog/modal-header';
-import ModalTitle from '@atlaskit/modal-dialog/modal-title';
-import Button from '@atlaskit/button/standard-button';
 import { FormattedMessage, IntlProvider, injectIntl } from 'react-intl';
+import ButtonGroup from '@atlaskit/button/button-group';
+import LoadingButton from '@atlaskit/button/loading-button';
+import Button from '@atlaskit/button/standard-button';
 import Field from '@atlaskit/form/field';
 import { HelperMessage } from '@atlaskit/form/helper-message';
-import { fileToDataURI } from '@atlaskit/media-ui/fileToDataURI';
 import { dataURItoFile } from '@atlaskit/media-ui/dataURItoFile';
+import { fileToDataURI } from '@atlaskit/media-ui/fileToDataURI';
 import { messages } from '@atlaskit/media-ui/messages';
+import ModalBody from '@atlaskit/modal-dialog/modal-body';
+import ModalDialog from '@atlaskit/modal-dialog/modal-dialog';
+import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
+import ModalHeader from '@atlaskit/modal-dialog/modal-header';
+import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import { Box } from '@atlaskit/primitives/compiled';
 import Textfield from '@atlaskit/textfield/text-field';
 import ImageNavigator from '../image-navigator';
 import { PredefinedAvatarList } from '../predefined-avatar-list';
 import { PredefinedAvatarView } from '../predefined-avatar-view';
-import ButtonGroup from '@atlaskit/button/button-group';
 import { DEFAULT_VISIBLE_PREDEFINED_AVATARS } from './layout-const';
 import { AVATAR_DIALOG_WIDTH, AVATAR_DIALOG_HEIGHT, CONTAINER_INNER_SIZE } from './layout-const';
-import { Mode } from './types';
 import { SRLiveTitle } from './SRLiveTitle';
-import LoadingButton from '@atlaskit/button/loading-button';
 import { SubmitErrorDialog } from './SubmitErrorDialog';
+import { Mode } from './types';
 export const MAX_SIZE_MB = 10;
 export const ERROR = {
   URL: messages.image_url_invalid_error,

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

@@ -5,16 +5,16 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { Component } from 'react';
-import CrossIcon from '@atlaskit/icon/core/cross';
 import { injectIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui/messages';
-import { MediaImage } from '@atlaskit/media-ui/mediaImage';
-import { isImageRemote } from './isImageRemote';
 import IconButton from '@atlaskit/button/icon/button';
-import { Box } from '@atlaskit/primitives/compiled';
 import { cx } from '@atlaskit/css';
+import CrossIcon from '@atlaskit/icon/core/cross';
+import { MediaImage } from '@atlaskit/media-ui/mediaImage';
+import { messages } from '@atlaskit/media-ui/messages';
+import { Box } from '@atlaskit/primitives/compiled';
 import { ERROR } from '../avatar-picker-dialog';
 import { CONTAINER_INNER_SIZE } from '../avatar-picker-dialog/layout-const';
+import { isImageRemote } from './isImageRemote';
 const CONTAINER_PADDING = 28;
 const removeImageContainerStyles = {
   root: "_kqswstnw _1xi21b66 _154i1b66"

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

@@ -4,26 +4,26 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { Component } from 'react';
+import * as exenv from 'exenv';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import Button from '@atlaskit/button/standard-button';
-import ImageCropper from '../image-cropper';
-import Spinner from '@atlaskit/spinner/spinner';
-import { fileToDataURI } from '@atlaskit/media-ui/fileToDataURI';
 import { dataURItoFile } from '@atlaskit/media-ui/dataURItoFile';
+import { Ellipsify } from '@atlaskit/media-ui/ellipsify/ellipsify';
+import { fileToDataURI } from '@atlaskit/media-ui/fileToDataURI';
 import { getOrientation } from '@atlaskit/media-ui/imageMetaData/getOrientation';
 import { isRotated } from '@atlaskit/media-ui/imageMetaData/isRotated';
-import { Ellipsify } from '@atlaskit/media-ui/ellipsify/ellipsify';
-import { Vector2 } from '@atlaskit/media-ui/vector2';
 import { messages } from '@atlaskit/media-ui/messages';
-import * as exenv from 'exenv';
-import { uploadPlaceholder, errorIcon } from './images';
-import { fileSizeMb } from '../util';
+import { Vector2 } from '@atlaskit/media-ui/vector2';
+import Spinner from '@atlaskit/spinner/spinner';
 import { ERROR, MAX_SIZE_MB, ACCEPT } from '../avatar-picker-dialog';
-import { Viewport } from '../viewport';
-import Slider from './slider';
 import { CONTAINER_SIZE, CONTAINER_PADDING, IMAGE_MOVE_UNIT } from '../avatar-picker-dialog/layout-const';
+import ImageCropper from '../image-cropper';
+import { fileSizeMb } from '../util';
+import { Viewport } from '../viewport';
 import { DragZone } from './dragZone';
 import { exportCroppedImage } from './exportCroppedImage';
+import { uploadPlaceholder, errorIcon } from './images';
+import Slider from './slider';
 const checkeredBg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAABCJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjU8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjg8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjg8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZGM6c3ViamVjdD4KICAgICAgICAgICAgPHJkZjpTZXEvPgogICAgICAgICA8L2RjOnN1YmplY3Q+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE4OjA3OjE4IDEwOjA3OjUwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5QaXhlbG1hdG9yIDMuNy4zPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgrsp//0AAAAKUlEQVQIHWP8//8/Aww8ffoUxmRggrPQGKRLsCCbKy0tDTeQdKNw6gAAbSMIvvnXfF4AAAAASUVORK5CYII=';
 export const AVATAR_DIALOG_WIDTH = 375;
 const containerStyles = null;

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

@@ -4,12 +4,12 @@ import "./slider.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Component } from 'react';
-import FieldRange from '@atlaskit/range/range';
-import { messages } from '@atlaskit/media-ui/messages';
+import { injectIntl } from 'react-intl';
+import Button from '@atlaskit/button/standard-button';
 import ScaleLargeIcon from '@atlaskit/icon/core/image';
 import ScaleSmallIcon from '@atlaskit/icon/core/image';
-import Button from '@atlaskit/button/standard-button';
-import { injectIntl } from 'react-intl';
+import { messages } from '@atlaskit/media-ui/messages';
+import FieldRange from '@atlaskit/range/range';
 export const defaultProps = {
   value: 0
 };

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

@@ -1,8 +1,8 @@
 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';
+import { ImageWrapper } from './imageWrapper';
 // TODO: i18n https://product-fabric.atlassian.net/browse/MS-1261
 export const IMAGE_ERRORS = {
   BAD_URL: 'Invalid image url',

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

@@ -1,6 +1,6 @@
-import { Rectangle } from '@atlaskit/media-ui/rectangle';
-import { loadImage } from '@atlaskit/media-ui/loadImage';
 import { getOrientation } from '@atlaskit/media-ui/imageMetaData/getOrientation';
+import { loadImage } from '@atlaskit/media-ui/loadImage';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import { getCanvas } from '../util';
 export function radians(deg) {
   return deg * (Math.PI / 180);

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

@@ -3,20 +3,19 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { Rectangle } from '@atlaskit/media-ui/rectangle';
-import { Vector2 } from '@atlaskit/media-ui/vector2';
 import { Bounds } from '@atlaskit/media-ui/bounds';
 import { dataURItoFile } from '@atlaskit/media-ui/dataURItoFile';
 import { getFileInfo } from '@atlaskit/media-ui/getFileInfo';
 import { getFileInfoFromSrc } from '@atlaskit/media-ui/getFileInfoFromSrc';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
+import { Vector2 } from '@atlaskit/media-ui/vector2';
+import { isSSR } from '../util';
+import { zoomToFit, applyConstraints, transformVisibleBoundsToImageCoords } from './constraints';
 import { ImagePlacerContainer } from './container';
 import { ImagePlacerImage } from './image';
-import { Margin } from './margin';
-import { initialiseImagePreview, renderImageAtCurrentView } from './imageProcessor';
-import { zoomToFit, applyConstraints, transformVisibleBoundsToImageCoords } from './constraints';
 import { ImagePlacerErrorWrapper } from './imagePlacerErrorWrapper';
-import { isSSR } from '../util';
-
+import { initialiseImagePreview, renderImageAtCurrentView } from './imageProcessor';
+import { Margin } from './margin';
 /*
 "container(Width|Height)" is the outputed size of the final image plus "margin"s.
 "visibleBounds" is the exact output size of the final image
@@ -34,7 +33,6 @@ import { isSSR } from '../util';
 |  +------------------+  |
 +------------------------+
 */
-
 /* pass onImageActions prop function to receive an object with this API to access image at current view */
 
 /* immutable prop defaults */
@@ -45,8 +43,10 @@ export const DEFAULT_ZOOM = 0;
 export const DEFAULT_ORIGIN_X = 0;
 export const DEFAULT_ORIGIN_Y = 0;
 export const DEFAULT_USE_CONSTRAINTS = true;
-export const DEFAULT_USE_CIRCULAR = false; /* whether or not to apply a circular margin to image while positioning */
-export const DEFAULT_USE_CIRCULAR_CLIP_WITH_ACTIONS = false; /* whether or not to apply a circular clip when rendering via actions */
+export const DEFAULT_USE_CIRCULAR = false;
+/* whether or not to apply a circular margin to image while positioning */
+export const DEFAULT_USE_CIRCULAR_CLIP_WITH_ACTIONS = false;
+/* whether or not to apply a circular clip when rendering via actions */
 export const DEFAULT_BACKGROUND_COLOR = 'transparent';
 export const defaultProps = {
   containerWidth: DEFAULT_CONTAINER_SIZE,

package/dist/es2019/predefined-avatar-list/index.js

@@ -2,12 +2,12 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { AvatarList } from '../avatar-list';
-import EditorMoreIcon from '@atlaskit/icon/core/show-more-horizontal';
-import Button from '@atlaskit/button/standard-button';
+import { forwardRef } from 'react';
 import { useIntl } from 'react-intl';
+import Button from '@atlaskit/button/standard-button';
+import EditorMoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { messages } from '@atlaskit/media-ui/messages';
-import { forwardRef } from 'react';
+import { AvatarList } from '../avatar-list';
 const predefinedAvatarsWrapperStyles = null;
 const showMoreButtonStyles = null;
 export const PredefinedAvatarList = /*#__PURE__*/forwardRef(({

package/dist/es2019/predefined-avatar-view/index.js

@@ -2,11 +2,11 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { forwardRef, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui/messages';
-import ArrowLeftIcon from '@atlaskit/icon/core/arrow-left';
 import Button from '@atlaskit/button/standard-button';
-import { forwardRef, useState } from 'react';
+import ArrowLeftIcon from '@atlaskit/icon/core/arrow-left';
+import { messages } from '@atlaskit/media-ui/messages';
 const largeAvatarImageStyles = null;
 const largeAvatarImageCheckedStyles = null;
 const largeAvatarImageFocusedStyles = null;

package/dist/es2019/viewport/viewport.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import { Bounds } from '@atlaskit/media-ui/bounds';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import { Vector2 } from '@atlaskit/media-ui/vector2';
 
 /**

package/dist/esm/avatar-list/index.js

@@ -6,9 +6,9 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 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) { _defineProperty(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; }
+import { useState } from 'react';
 import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui/messages';
-import { useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 var smallAvatarImageStyles = null;
 var avatarListWrapperStyles = null;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
+import { messages } from '@atlaskit/media-ui/messages';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import { Mode } from './types';
-import { messages } from '@atlaskit/media-ui/messages';
 export var SRLiveTitle = function SRLiveTitle(_ref) {
   var mode = _ref.mode;
   var intl = useIntl();

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

@@ -3,10 +3,10 @@ import "./SubmitErrorDialog.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useRef, useEffect } from 'react';
-import ErrorIcon from '@atlaskit/icon/core/status-error';
+import { useIntl } from 'react-intl';
 import Flag from '@atlaskit/flag/flag';
+import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { messages } from '@atlaskit/media-ui/messages';
-import { useIntl } from 'react-intl';
 var avatarPickerErrorStyles = null;
 export var SubmitErrorDialog = function SubmitErrorDialog() {
   var intl = useIntl();

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

@@ -14,30 +14,30 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Fragment, createRef } from 'react';
 import { PureComponent } from 'react';
-import ModalDialog from '@atlaskit/modal-dialog/modal-dialog';
-import ModalBody from '@atlaskit/modal-dialog/modal-body';
-import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
-import ModalHeader from '@atlaskit/modal-dialog/modal-header';
-import ModalTitle from '@atlaskit/modal-dialog/modal-title';
-import Button from '@atlaskit/button/standard-button';
 import { FormattedMessage, IntlProvider, injectIntl } from 'react-intl';
+import ButtonGroup from '@atlaskit/button/button-group';
+import LoadingButton from '@atlaskit/button/loading-button';
+import Button from '@atlaskit/button/standard-button';
 import Field from '@atlaskit/form/field';
 import { HelperMessage } from '@atlaskit/form/helper-message';
-import { fileToDataURI } from '@atlaskit/media-ui/fileToDataURI';
 import { dataURItoFile } from '@atlaskit/media-ui/dataURItoFile';
+import { fileToDataURI } from '@atlaskit/media-ui/fileToDataURI';
 import { messages } from '@atlaskit/media-ui/messages';
+import ModalBody from '@atlaskit/modal-dialog/modal-body';
+import ModalDialog from '@atlaskit/modal-dialog/modal-dialog';
+import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
+import ModalHeader from '@atlaskit/modal-dialog/modal-header';
+import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import { Box } from '@atlaskit/primitives/compiled';
 import Textfield from '@atlaskit/textfield/text-field';
 import ImageNavigator from '../image-navigator';
 import { PredefinedAvatarList } from '../predefined-avatar-list';
 import { PredefinedAvatarView } from '../predefined-avatar-view';
-import ButtonGroup from '@atlaskit/button/button-group';
 import { DEFAULT_VISIBLE_PREDEFINED_AVATARS } from './layout-const';
 import { AVATAR_DIALOG_WIDTH, AVATAR_DIALOG_HEIGHT, CONTAINER_INNER_SIZE } from './layout-const';
-import { Mode } from './types';
 import { SRLiveTitle } from './SRLiveTitle';
-import LoadingButton from '@atlaskit/button/loading-button';
 import { SubmitErrorDialog } from './SubmitErrorDialog';
+import { Mode } from './types';
 export var MAX_SIZE_MB = 10;
 export var ERROR = {
   URL: messages.image_url_invalid_error,

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

@@ -14,16 +14,16 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { Component } from 'react';
-import CrossIcon from '@atlaskit/icon/core/cross';
 import { injectIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui/messages';
-import { MediaImage } from '@atlaskit/media-ui/mediaImage';
-import { isImageRemote } from './isImageRemote';
 import IconButton from '@atlaskit/button/icon/button';
-import { Box } from '@atlaskit/primitives/compiled';
 import { cx } from '@atlaskit/css';
+import CrossIcon from '@atlaskit/icon/core/cross';
+import { MediaImage } from '@atlaskit/media-ui/mediaImage';
+import { messages } from '@atlaskit/media-ui/messages';
+import { Box } from '@atlaskit/primitives/compiled';
 import { ERROR } from '../avatar-picker-dialog';
 import { CONTAINER_INNER_SIZE } from '../avatar-picker-dialog/layout-const';
+import { isImageRemote } from './isImageRemote';
 var CONTAINER_PADDING = 28;
 var removeImageContainerStyles = {
   root: "_kqswstnw _1xi21b66 _154i1b66"

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

@@ -14,26 +14,26 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { Component } from 'react';
+import * as exenv from 'exenv';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import Button from '@atlaskit/button/standard-button';
-import ImageCropper from '../image-cropper';
-import Spinner from '@atlaskit/spinner/spinner';
-import { fileToDataURI } from '@atlaskit/media-ui/fileToDataURI';
 import { dataURItoFile } from '@atlaskit/media-ui/dataURItoFile';
+import { Ellipsify } from '@atlaskit/media-ui/ellipsify/ellipsify';
+import { fileToDataURI } from '@atlaskit/media-ui/fileToDataURI';
 import { getOrientation } from '@atlaskit/media-ui/imageMetaData/getOrientation';
 import { isRotated } from '@atlaskit/media-ui/imageMetaData/isRotated';
-import { Ellipsify } from '@atlaskit/media-ui/ellipsify/ellipsify';
-import { Vector2 } from '@atlaskit/media-ui/vector2';
 import { messages } from '@atlaskit/media-ui/messages';
-import * as exenv from 'exenv';
-import { uploadPlaceholder, errorIcon } from './images';
-import { fileSizeMb } from '../util';
+import { Vector2 } from '@atlaskit/media-ui/vector2';
+import Spinner from '@atlaskit/spinner/spinner';
 import { ERROR, MAX_SIZE_MB, ACCEPT } from '../avatar-picker-dialog';
-import { Viewport } from '../viewport';
-import Slider from './slider';
 import { CONTAINER_SIZE, CONTAINER_PADDING, IMAGE_MOVE_UNIT } from '../avatar-picker-dialog/layout-const';
+import ImageCropper from '../image-cropper';
+import { fileSizeMb } from '../util';
+import { Viewport } from '../viewport';
 import { DragZone } from './dragZone';
 import { exportCroppedImage } from './exportCroppedImage';
+import { uploadPlaceholder, errorIcon } from './images';
+import Slider from './slider';
 var checkeredBg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAABCJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjU8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjg8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjg8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZGM6c3ViamVjdD4KICAgICAgICAgICAgPHJkZjpTZXEvPgogICAgICAgICA8L2RjOnN1YmplY3Q+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE4OjA3OjE4IDEwOjA3OjUwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5QaXhlbG1hdG9yIDMuNy4zPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgrsp//0AAAAKUlEQVQIHWP8//8/Aww8ffoUxmRggrPQGKRLsCCbKy0tDTeQdKNw6gAAbSMIvvnXfF4AAAAASUVORK5CYII=';
 export var AVATAR_DIALOG_WIDTH = 375;
 var containerStyles = null;

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

@@ -11,12 +11,12 @@ import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { Component } from 'react';
-import FieldRange from '@atlaskit/range/range';
-import { messages } from '@atlaskit/media-ui/messages';
+import { injectIntl } from 'react-intl';
+import Button from '@atlaskit/button/standard-button';
 import ScaleLargeIcon from '@atlaskit/icon/core/image';
 import ScaleSmallIcon from '@atlaskit/icon/core/image';
-import Button from '@atlaskit/button/standard-button';
-import { injectIntl } from 'react-intl';
+import { messages } from '@atlaskit/media-ui/messages';
+import FieldRange from '@atlaskit/range/range';
 export var defaultProps = {
   value: 0
 };

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

@@ -8,8 +8,8 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { isImageRemote } from '../image-cropper/isImageRemote';
-import { ImageWrapper } from './imageWrapper';
 import { isSSR } from '../util';
+import { ImageWrapper } from './imageWrapper';
 // TODO: i18n https://product-fabric.atlassian.net/browse/MS-1261
 export var IMAGE_ERRORS = {
   BAD_URL: 'Invalid image url',

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

@@ -1,8 +1,8 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { Rectangle } from '@atlaskit/media-ui/rectangle';
-import { loadImage } from '@atlaskit/media-ui/loadImage';
 import { getOrientation } from '@atlaskit/media-ui/imageMetaData/getOrientation';
+import { loadImage } from '@atlaskit/media-ui/loadImage';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import { getCanvas } from '../util';
 export function radians(deg) {
   return deg * (Math.PI / 180);

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

@@ -12,20 +12,19 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { Rectangle } from '@atlaskit/media-ui/rectangle';
-import { Vector2 } from '@atlaskit/media-ui/vector2';
 import { Bounds } from '@atlaskit/media-ui/bounds';
 import { dataURItoFile } from '@atlaskit/media-ui/dataURItoFile';
 import { getFileInfo } from '@atlaskit/media-ui/getFileInfo';
 import { getFileInfoFromSrc } from '@atlaskit/media-ui/getFileInfoFromSrc';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
+import { Vector2 } from '@atlaskit/media-ui/vector2';
+import { isSSR } from '../util';
+import { zoomToFit as _zoomToFit, applyConstraints as _applyConstraints, transformVisibleBoundsToImageCoords as _transformVisibleBoundsToImageCoords } from './constraints';
 import { ImagePlacerContainer } from './container';
 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 { ImagePlacerErrorWrapper } from './imagePlacerErrorWrapper';
-import { isSSR } from '../util';
-
+import { initialiseImagePreview, renderImageAtCurrentView } from './imageProcessor';
+import { Margin } from './margin';
 /*
 "container(Width|Height)" is the outputed size of the final image plus "margin"s.
 "visibleBounds" is the exact output size of the final image
@@ -43,7 +42,6 @@ import { isSSR } from '../util';
 |  +------------------+  |
 +------------------------+
 */
-
 /* pass onImageActions prop function to receive an object with this API to access image at current view */
 
 /* immutable prop defaults */
@@ -54,8 +52,10 @@ export var DEFAULT_ZOOM = 0;
 export var DEFAULT_ORIGIN_X = 0;
 export var DEFAULT_ORIGIN_Y = 0;
 export var DEFAULT_USE_CONSTRAINTS = true;
-export var DEFAULT_USE_CIRCULAR = false; /* whether or not to apply a circular margin to image while positioning */
-export var DEFAULT_USE_CIRCULAR_CLIP_WITH_ACTIONS = false; /* whether or not to apply a circular clip when rendering via actions */
+export var DEFAULT_USE_CIRCULAR = false;
+/* whether or not to apply a circular margin to image while positioning */
+export var DEFAULT_USE_CIRCULAR_CLIP_WITH_ACTIONS = false;
+/* whether or not to apply a circular clip when rendering via actions */
 export var DEFAULT_BACKGROUND_COLOR = 'transparent';
 export var defaultProps = {
   containerWidth: DEFAULT_CONTAINER_SIZE,

package/dist/esm/predefined-avatar-list/index.js

@@ -2,12 +2,12 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { AvatarList } from '../avatar-list';
-import EditorMoreIcon from '@atlaskit/icon/core/show-more-horizontal';
-import Button from '@atlaskit/button/standard-button';
+import { forwardRef } from 'react';
 import { useIntl } from 'react-intl';
+import Button from '@atlaskit/button/standard-button';
+import EditorMoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { messages } from '@atlaskit/media-ui/messages';
-import { forwardRef } from 'react';
+import { AvatarList } from '../avatar-list';
 var predefinedAvatarsWrapperStyles = null;
 var showMoreButtonStyles = null;
 export var PredefinedAvatarList = /*#__PURE__*/forwardRef(function (_ref, moreRef) {

package/dist/esm/predefined-avatar-view/index.js

@@ -6,11 +6,11 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 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) { _defineProperty(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; }
+import { forwardRef, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui/messages';
-import ArrowLeftIcon from '@atlaskit/icon/core/arrow-left';
 import Button from '@atlaskit/button/standard-button';
-import { forwardRef, useState } from 'react';
+import ArrowLeftIcon from '@atlaskit/icon/core/arrow-left';
+import { messages } from '@atlaskit/media-ui/messages';
 var largeAvatarImageStyles = null;
 var largeAvatarImageCheckedStyles = null;
 var largeAvatarImageFocusedStyles = null;

package/dist/esm/viewport/viewport.js

@@ -1,8 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import { Bounds } from '@atlaskit/media-ui/bounds';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import { Vector2 } from '@atlaskit/media-ui/vector2';
 
 /**

package/dist/types/avatar-list/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 export interface Avatar {
     dataURI: string;
     name?: string;

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

@@ -1 +1,5 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 export declare const SubmitErrorDialog: () => JSX.Element;

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

@@ -1 +1,5 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 export declare const DragZone: ({ showBorder, isDroppingFile, children, ...props }: any) => JSX.Element;

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

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { Component, type ComponentType, type FC } from 'react';
 import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
 export interface SliderProps {

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

@@ -1,5 +1,5 @@
-import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import type { Bounds } from '@atlaskit/media-ui/bounds';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import { Vector2 } from '@atlaskit/media-ui/vector2';
 export declare function zoomToFit(imageWidth: number, imageHeight: number, visibleBounds: Bounds): Rectangle;
 export declare function applyConstraints(useConstraints: boolean, imageBounds: Bounds, visibleBounds: Bounds): Vector2;

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

@@ -1,6 +1,6 @@
-import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import type { Bounds } from '@atlaskit/media-ui/bounds';
 import type { FileInfo } from '@atlaskit/media-ui/imageMetaData/types';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
 export declare function radians(deg: number): number;
 export interface ViewInfo {
     containerRect: Rectangle;

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

@@ -1,8 +1,12 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
-import { Rectangle } from '@atlaskit/media-ui/rectangle';
-import { Vector2 } from '@atlaskit/media-ui/vector2';
 import { Bounds } from '@atlaskit/media-ui/bounds';
 import type { FileInfo } from '@atlaskit/media-ui/imageMetaData/types';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
+import { Vector2 } from '@atlaskit/media-ui/vector2';
 export interface ImageActions {
     toCanvas: () => HTMLCanvasElement;
     toDataURL: () => string;

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

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 export interface MarginProps {
     width: number;

package/dist/types/predefined-avatar-list/index.d.ts

@@ -1,5 +1,9 @@
-import { type Avatar } from '../avatar-list';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
+import { type Avatar } from '../avatar-list';
 export interface PredefinedAvatarListProps {
     avatars: Array<Avatar>;
     selectedAvatar?: Avatar;

package/dist/types/predefined-avatar-view/index.d.ts

@@ -1,5 +1,9 @@
-import { type Avatar } from '../avatar-list';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
+import { type Avatar } from '../avatar-list';
 export interface PredefinedAvatarViewProps {
     avatars: Array<Avatar>;
     onGoBack?: () => void;

package/dist/types/viewport/viewport.d.ts

@@ -1,5 +1,5 @@
-import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import { Bounds } from '@atlaskit/media-ui/bounds';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import { Vector2 } from '@atlaskit/media-ui/vector2';
 /**
  * maximum amount to allow scaling up from "100%"

package/example-helpers/StatefulAvatarPickerDialog.tsx

@@ -4,11 +4,14 @@
  */
 /* eslint-disable no-console */
 import React, { type ReactNode } from 'react';
+
 import { jsx, css } from '@compiled/react';
+
 import Button from '@atlaskit/button/standard-button';
 import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
-import { type Avatar, AvatarPickerDialog } from '../src';
+
 import { generateAvatars } from '../example-helpers';
+import { type Avatar, AvatarPickerDialog } from '../src';
 import {
 	type AvatarPickerDialogPropsAlt,
 	type AvatarPickerDialogPropsNoAlt,

package/example-helpers/viewport-debug.ts

@@ -1,7 +1,8 @@
 import { Bounds } from '@atlaskit/media-ui/bounds';
+
+import { viewport as instance } from '../src/image-navigator';
 import { type Viewport } from '../src/viewport/viewport';
 import { renderViewport } from '../src/viewport/viewport-render';
-import { viewport as instance } from '../src/image-navigator';
 
 /**
  * This is a helper class to render debug info for a viewport.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-avatar-picker",
-	"version": "28.3.2",
+	"version": "28.3.3",
 	"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/"
@@ -33,7 +33,7 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/button": "^25.3.0",
+		"@atlaskit/button": "^25.4.0",
 		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/flag": "^18.5.0",
 		"@atlaskit/form": "^17.2.0",
@@ -46,7 +46,7 @@
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/spinner": "^20.4.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tokens": "^18.0.0",
+		"@atlaskit/tokens": "^19.0.0",
 		"@atlaskit/visually-hidden": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
@@ -65,6 +65,7 @@
 		"@atlassian/a11y-jest-testing": "^0.17.0",
 		"@atlassian/feature-flags-test-utils": "^1.3.0",
 		"@atlassian/testing-library": "^0.11.0",
+		"@atlassian/workbench": "workspace:^",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/exenv": "^1.2.0",