@atlaskit/media-avatar-picker 28.3.1 → 28.3.3

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

@@ -1,22 +1,21 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 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/image-placer/margin.js

@@ -1,4 +1,4 @@
-/* margin.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* margin.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./margin.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,13 +1,13 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 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

@@ -1,12 +1,12 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
@@ -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

@@ -1,12 +1,12 @@
-/* SubmitErrorDialog.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* SubmitErrorDialog.tsx generated by @compiled/babel-plugin v3.0.2 */
 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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
@@ -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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -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/dragZone.js

@@ -1,4 +1,4 @@
-/* dragZone.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* dragZone.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["showBorder", "isDroppingFile", "children"];

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
@@ -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

@@ -1,4 +1,4 @@
-/* slider.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* slider.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -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/containerWrapper.js

@@ -1,4 +1,4 @@
-/* containerWrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* containerWrapper.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["width", "height", "margin", "children"];

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/imagePlacerErrorWrapper.js

@@ -1,4 +1,4 @@
-/* imagePlacerErrorWrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* imagePlacerErrorWrapper.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./imagePlacerErrorWrapper.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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/imageWrapper.js

@@ -1,4 +1,4 @@
-/* imageWrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* imageWrapper.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["x", "y", "width", "height", "transform"];

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -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/image-placer/margin.js

@@ -1,4 +1,4 @@
-/* margin.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* margin.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";

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

@@ -1,13 +1,13 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
@@ -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.