@atlaskit/media-avatar-picker 26.3.13 → 26.3.15

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-avatar-picker
 
+## 26.3.15
+
+### Patch Changes
+
+- [`7b2a6c98563cb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7b2a6c98563cb) -
+  Icon entry point migration update
+- Updated dependencies
+
+## 26.3.14
+
+### Patch Changes
+
+- [`6a82d7964a37b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6a82d7964a37b) -
+  Icon entrypoint migration
+- Updated dependencies
+
 ## 26.3.13
 
 ### Patch Changes

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

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _colors = require("@atlaskit/theme/colors");
-var _statusErrorError = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-error--error"));
+var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
 var _flag = _interopRequireDefault(require("@atlaskit/flag"));
 var _mediaUi = require("@atlaskit/media-ui");
 var _reactIntlNext = require("react-intl-next");
@@ -31,7 +31,7 @@ var SubmitErrorDialog = exports.SubmitErrorDialog = function SubmitErrorDialog()
     className: (0, _runtime.ax)(["_19pkze3t _2hwxpxbi _18u0pxbi _otyrpxbi"])
   }, /*#__PURE__*/React.createElement(_flag.default, {
     appearance: "error",
-    icon: /*#__PURE__*/React.createElement(_statusErrorError.default, {
+    icon: /*#__PURE__*/React.createElement(_statusError.default, {
       label: "Error",
       color: "currentColor",
       LEGACY_secondaryColor: "var(--ds-background-danger-bold, ".concat(_colors.R400, ")"),

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

@@ -17,7 +17,7 @@ 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/migration/cross"));
+var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _reactIntlNext = require("react-intl-next");
 var _mediaUi = require("@atlaskit/media-ui");
 var _isImageRemote = require("./isImageRemote");

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

@@ -19,8 +19,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _range = _interopRequireDefault(require("@atlaskit/range"));
 var _mediaUi = require("@atlaskit/media-ui");
-var _imageMediaServicesScaleLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/image--media-services-scale-large"));
-var _imageMediaServicesScaleSmall = _interopRequireDefault(require("@atlaskit/icon/core/migration/image--media-services-scale-small"));
+var _image = _interopRequireDefault(require("@atlaskit/icon/core/image"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _reactIntlNext = require("react-intl-next");
 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); }
@@ -50,7 +49,7 @@ var Slider = exports.Slider = /*#__PURE__*/function (_Component) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       , {
         className: "zoom_button zoom_button_small",
-        iconAfter: /*#__PURE__*/React.createElement(_imageMediaServicesScaleSmall.default, {
+        iconAfter: /*#__PURE__*/React.createElement(_image.default, {
           label: "scale-small-icon",
           size: "small",
           spacing: "spacious"
@@ -67,7 +66,7 @@ var Slider = exports.Slider = /*#__PURE__*/function (_Component) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       , {
         className: "zoom_button zoom_button_large",
-        iconAfter: /*#__PURE__*/React.createElement(_imageMediaServicesScaleLarge.default, {
+        iconAfter: /*#__PURE__*/React.createElement(_image.default, {
           label: "scale-large-icon",
           spacing: "spacious"
         }),

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

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _avatarList = require("../avatar-list");
-var _showMoreHorizontalEditorMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--editor-more"));
+var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _reactIntlNext = require("react-intl-next");
 var _mediaUi = require("@atlaskit/media-ui");
@@ -39,7 +39,7 @@ var PredefinedAvatarList = exports.PredefinedAvatarList = /*#__PURE__*/(0, _reac
   }), /*#__PURE__*/React.createElement(_standardButton.default, {
     "aria-label": showMoreAvatarsButtonLabel || intl.formatMessage(_mediaUi.messages.show_more_avatars_btn_label),
     appearance: "subtle",
-    iconAfter: /*#__PURE__*/React.createElement(_showMoreHorizontalEditorMore.default, {
+    iconAfter: /*#__PURE__*/React.createElement(_showMoreHorizontal.default, {
       label: "",
       LEGACY_size: "large",
       color: "currentColor"

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

@@ -15,7 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactIntlNext = require("react-intl-next");
 var _mediaUi = require("@atlaskit/media-ui");
-var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/migration/arrow-left"));
+var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/arrow-left"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _colors = require("@atlaskit/theme/colors");
 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); }

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

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useRef, useEffect } from 'react';
 import { R400 } from '@atlaskit/theme/colors';
-import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
+import ErrorIcon from '@atlaskit/icon/core/status-error';
 import Flag from '@atlaskit/flag';
 import { messages } from '@atlaskit/media-ui';
 import { useIntl } from 'react-intl-next';

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

@@ -5,7 +5,7 @@ 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/migration/cross';
+import CrossIcon from '@atlaskit/icon/core/cross';
 import { injectIntl } from 'react-intl-next';
 import { messages, MediaImage } from '@atlaskit/media-ui';
 import { isImageRemote } from './isImageRemote';

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

@@ -6,8 +6,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import { Component } from 'react';
 import FieldRange from '@atlaskit/range';
 import { messages } from '@atlaskit/media-ui';
-import ScaleLargeIcon from '@atlaskit/icon/core/migration/image--media-services-scale-large';
-import ScaleSmallIcon from '@atlaskit/icon/core/migration/image--media-services-scale-small';
+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-next';
 export const defaultProps = {

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

@@ -3,7 +3,7 @@ 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/migration/show-more-horizontal--editor-more';
+import EditorMoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import Button from '@atlaskit/button/standard-button';
 import { useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';

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

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
-import ArrowLeftIcon from '@atlaskit/icon/core/migration/arrow-left';
+import ArrowLeftIcon from '@atlaskit/icon/core/arrow-left';
 import Button from '@atlaskit/button/standard-button';
 import { B200, B100 } from '@atlaskit/theme/colors';
 import { forwardRef, useState } from 'react';

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

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useRef, useEffect } from 'react';
 import { R400 } from '@atlaskit/theme/colors';
-import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
+import ErrorIcon from '@atlaskit/icon/core/status-error';
 import Flag from '@atlaskit/flag';
 import { messages } from '@atlaskit/media-ui';
 import { useIntl } from 'react-intl-next';

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

@@ -14,7 +14,7 @@ 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/migration/cross';
+import CrossIcon from '@atlaskit/icon/core/cross';
 import { injectIntl } from 'react-intl-next';
 import { messages, MediaImage } from '@atlaskit/media-ui';
 import { isImageRemote } from './isImageRemote';

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

@@ -13,8 +13,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import { Component } from 'react';
 import FieldRange from '@atlaskit/range';
 import { messages } from '@atlaskit/media-ui';
-import ScaleLargeIcon from '@atlaskit/icon/core/migration/image--media-services-scale-large';
-import ScaleSmallIcon from '@atlaskit/icon/core/migration/image--media-services-scale-small';
+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-next';
 export var defaultProps = {

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

@@ -3,7 +3,7 @@ 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/migration/show-more-horizontal--editor-more';
+import EditorMoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import Button from '@atlaskit/button/standard-button';
 import { useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';

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

@@ -8,7 +8,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
-import ArrowLeftIcon from '@atlaskit/icon/core/migration/arrow-left';
+import ArrowLeftIcon from '@atlaskit/icon/core/arrow-left';
 import Button from '@atlaskit/button/standard-button';
 import { B200, B100 } from '@atlaskit/theme/colors';
 import { forwardRef, useState } from 'react';

package/example-helpers/StatefulAvatarPickerDialog.tsx

@@ -65,24 +65,24 @@ export default class StatefulAvatarPickerDialog extends React.Component<
 		altText: '',
 	};
 
-	componentWillUnmount() {
+	componentWillUnmount(): void {
 		clearTimeout(this.timeoutId);
 		if (this.fileURL) {
 			URL.revokeObjectURL(this.fileURL);
 		}
 	}
 
-	openPicker = () => {
+	openPicker = (): void => {
 		this.setState({ isOpen: true });
 	};
 
-	closePicker = () => {
+	closePicker = (): void => {
 		this.setState({ isOpen: false });
 	};
 
-	setIsLoading = () => this.setState({ isLoading: true });
+	setIsLoading = (): void => this.setState({ isLoading: true });
 
-	saveDataURI = (dataURI: any) => {
+	saveDataURI = (dataURI: any): void => {
 		// Fake "uploading" call by adding a delay
 		this.timeoutId = window.setTimeout(() => {
 			this.setState({
@@ -93,7 +93,7 @@ export default class StatefulAvatarPickerDialog extends React.Component<
 		}, 2000);
 	};
 
-	saveFileAndCrop = (file: File) => {
+	saveFileAndCrop = (file: File): void => {
 		// Fake "uploading" call by adding a delay
 		this.timeoutId = window.setTimeout(() => {
 			this.fileURL = URL.createObjectURL(file);
@@ -105,7 +105,7 @@ export default class StatefulAvatarPickerDialog extends React.Component<
 		}, 2000);
 	};
 
-	setAltText = (altText: string) => {
+	setAltText = (altText: string): void => {
 		this.setState({ altText });
 	};
 

package/example-helpers/viewport-debug.ts

@@ -33,7 +33,7 @@ export class ViewportDebugger {
 		this.pollForViewportChanges();
 	}
 
-	initCanvas() {
+	initCanvas(): void {
 		const { previewCanvas, navigationCanvasPos, previewCanvasPos, viewport } = this;
 		const { innerBounds } = viewport;
 		previewCanvas.width = innerBounds.width;
@@ -58,7 +58,7 @@ export class ViewportDebugger {
 		document.body.appendChild(this.previewCanvas);
 	}
 
-	pollForViewportChanges = () => {
+	pollForViewportChanges = (): void => {
 		const viewport = this.viewport;
 		if (viewport.isEmpty) {
 			delete this.imageElement;
@@ -78,12 +78,12 @@ export class ViewportDebugger {
 		requestAnimationFrame(this.pollForViewportChanges);
 	};
 
-	render() {
+	render(): void {
 		this.renderNavigation();
 		this.renderPreview();
 	}
 
-	renderNavigation() {
+	renderNavigation(): void {
 		const { navigationCanvas } = this;
 		const { itemBounds, outerBounds, innerBounds } = this.viewport;
 		const ctx = navigationCanvas.getContext('2d');
@@ -119,7 +119,7 @@ export class ViewportDebugger {
 		}
 	}
 
-	renderPreview() {
+	renderPreview(): void {
 		const { previewCanvas, viewport, imageElement } = this;
 		const { outerBounds } = viewport;
 		previewCanvas.width = outerBounds.width;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-avatar-picker",
-	"version": "26.3.13",
+	"version": "26.3.15",
 	"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/"
@@ -31,19 +31,19 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/button": "^23.8.0",
-		"@atlaskit/css": "^0.18.0",
+		"@atlaskit/button": "^23.9.0",
+		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/flag": "^17.7.0",
-		"@atlaskit/form": "^15.0.0",
-		"@atlaskit/icon": "^29.2.0",
+		"@atlaskit/form": "^15.2.0",
+		"@atlaskit/icon": "^29.3.0",
 		"@atlaskit/media-ui": "^28.7.0",
 		"@atlaskit/modal-dialog": "^14.9.0",
-		"@atlaskit/primitives": "^16.4.0",
+		"@atlaskit/primitives": "^17.0.0",
 		"@atlaskit/range": "^9.3.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.6.0",
+		"@atlaskit/tokens": "^9.0.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",