@atlaskit/media-avatar-picker 27.1.3 → 28.0.0

package/AGENTS.md

@@ -1,3 +1,30 @@
+# media-avatar-picker — Agent Guide
+
+> **Parent guide:** Always read [`../AGENTS.md`](../AGENTS.md) before working in this package — it
+> contains workspace-wide rules covering platform guidelines, changeset workflow, accessibility
+> standards, and the knowledge index protocol that applies to every Media package.
+
+## Knowledge index
+
+> Read, search, edit, investigate, and validate the repository knowledge index at
+> `.agents/knowledge-index/`. ALWAYS use this skill before making ANY repo change, or when exploring
+> the codebase. The knowledge index is the canonical starting point for every coding task in this
+> repo, trigger this skill aggressively whenever the user mentions architecture, conventions,
+> packages, modules, services, build, coding, writing code, APIs, feature flags, testing, or
+> anything similar. Also trigger when "is the knowledge index up to date?" / "update the knowledge
+> index" / "what does the knowledge index say about Y?" — even if they don't say the words
+> "knowledge index". Also use it (via the `validate` subcommand) to detect drift between the
+> codebase and the docs after any code change. Use the `generate` subcommand to bootstrap the index
+> in a new repository.
+
+**Entry point:** `.agents/knowledge-index/INDEX.md` **Unit doc:**
+`.agents/knowledge-index/domains/media/units/atlaskit-media-avatar-picker.md` **CLI:**
+`python3 .agents/skills/knowledge-index/scripts/kg.py {find,read,edit,investigate,validate,init,explore,generate} …`
+**Refresh protocol:** never silently bump `Last verified` — always re-read the listed `Sources`
+first, edit, then `kg.py edit <path> --message "<reason>"`.
+
+---
+
 # Media Avatar Picker - Agent Documentation
 
 ## Overview

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/media-avatar-picker
 
+## 28.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 27.1.3
 
 ### Patch Changes

package/avatar-list/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/avatar-list/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/avatar-list/index.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/avatar-list/index.d.ts"
 }

package/avatar-picker-dialog-loader/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/avatar-picker-dialog/avatar-picker-dialog-loader.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/avatar-picker-dialog/avatar-picker-dialog-loader.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/avatar-picker-dialog/avatar-picker-dialog-loader.d.ts"
 }

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

@@ -35,7 +35,7 @@ var _types = require("./types");
 var _SRLiveTitle = require("./SRLiveTitle");
 var _loadingButton = _interopRequireDefault(require("@atlaskit/button/loading-button"));
 var _SubmitErrorDialog = require("./SubmitErrorDialog");
-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 _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; })(); }
 var MAX_SIZE_MB = exports.MAX_SIZE_MB = 10;
@@ -83,31 +83,31 @@ var AvatarPickerDialog = exports.AvatarPickerDialog = /*#__PURE__*/function (_Pu
     });
     (0, _defineProperty2.default)(_this, "setSelectedImageState", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(selectedImage) {
-        var dataURI;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        var dataURI, _t;
+        return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
               _this.setState({
                 selectedImage: selectedImage
               });
-              _context.next = 4;
+              _context.next = 1;
               return (0, _mediaUi.fileToDataURI)(selectedImage);
-            case 4:
+            case 1:
               dataURI = _context.sent;
               _this.setState({
                 selectedImageSource: dataURI
               });
-              _context.next = 10;
+              _context.next = 3;
               break;
-            case 8:
-              _context.prev = 8;
-              _context.t0 = _context["catch"](0);
-            case 10:
+            case 2:
+              _context.prev = 2;
+              _t = _context["catch"](0);
+            case 3:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 8]]);
+        }, _callee, null, [[0, 2]]);
       }));
       return function (_x) {
         return _ref.apply(this, arguments);

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

@@ -307,13 +307,13 @@ var ImageNavigator = exports.ImageNavigator = /*#__PURE__*/function (_Component)
     value: function () {
       var _readFile = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(imageFile) {
         var onImageUploaded, _yield$Promise$all, _yield$Promise$all2, fileImageSource, imageOrientation;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               onImageUploaded = this.props.onImageUploaded;
-              _context.next = 3;
+              _context.next = 1;
               return Promise.all([(0, _mediaUi.fileToDataURI)(imageFile), (0, _mediaUi.getOrientation)(imageFile)]);
-            case 3:
+            case 1:
               _yield$Promise$all = _context.sent;
               _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 2);
               fileImageSource = _yield$Promise$all2[0];
@@ -327,7 +327,7 @@ var ImageNavigator = exports.ImageNavigator = /*#__PURE__*/function (_Component)
                 imageFile: imageFile,
                 imageOrientation: imageOrientation
               });
-            case 10:
+            case 2:
             case "end":
               return _context.stop();
           }

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

@@ -70,29 +70,29 @@ function initialiseImagePreview(_x, _x2, _x3) {
 }
 function _initialiseImagePreview() {
   _initialiseImagePreview = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(fileInfo, containerRect, maxZoom) {
-    var orientation, img, result, _img, naturalWidth, naturalHeight, srcRect, maxRect, scaleFactor, scaledRect, imageWidth, imageHeight, canvasRect, _canvasRect, canvasWidth, canvasHeight;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    var orientation, img, result, _img, naturalWidth, naturalHeight, srcRect, maxRect, scaleFactor, scaledRect, imageWidth, imageHeight, canvasRect, _canvasRect, canvasWidth, canvasHeight, _t;
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           orientation = 1;
           _context.prev = 1;
-          _context.next = 4;
+          _context.next = 2;
           return Promise.all([(0, _mediaUi.getOrientation)(fileInfo.file), (0, _mediaUi.loadImage)(fileInfo.src)]);
-        case 4:
+        case 2:
           result = _context.sent;
           if (!CSS.supports('image-orientation', 'from-image')) {
             orientation = result[0];
           }
           img = result[1];
-          _context.next = 12;
+          _context.next = 4;
           break;
-        case 9:
-          _context.prev = 9;
-          _context.t0 = _context["catch"](1);
+        case 3:
+          _context.prev = 3;
+          _t = _context["catch"](1);
           return _context.abrupt("return", null);
-        case 12:
+        case 4:
           if (!img) {
-            _context.next = 24;
+            _context.next = 5;
             break;
           }
           _img = img, naturalWidth = _img.naturalWidth, naturalHeight = _img.naturalHeight;
@@ -114,13 +114,13 @@ function _initialiseImagePreview() {
             width: canvasWidth,
             height: canvasHeight
           });
-        case 24:
+        case 5:
           return _context.abrupt("return", null);
-        case 25:
+        case 6:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[1, 9]]);
+    }, _callee, null, [[1, 3]]);
   }));
   return _initialiseImagePreview.apply(this, arguments);
 }

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

@@ -264,15 +264,15 @@ var ImagePlacer = exports.ImagePlacer = /*#__PURE__*/function (_React$Component)
     value: (function () {
       var _UNSAFE_componentWillReceiveProps = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(nextProps) {
         var imageSourceRect, state, props, zoom, currentUseConstraints, currentContainerWidth, currentContainerHeight, currentMargin, currentSrc, nextZoom, nextUseConstraints, nextContainerWidth, nextContainerHeight, nextMargin, nextSrc, nextOnImageActions, isZoomChange, isUseConstraintsChange, isContainerWidthChange, isContainerHeightChange, isMarginChange, isImageAction, zoomReset, fileInfo;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (!(0, _platformFeatureFlags.fg)('platform_media_package_react19_lifecycle_fix')) {
-                _context.next = 2;
+                _context.next = 1;
                 break;
               }
               return _context.abrupt("return");
-            case 2:
+            case 1:
               imageSourceRect = this.imageSourceRect, state = this.state, props = this.props;
               zoom = state.zoom;
               currentUseConstraints = props.useConstraints, currentContainerWidth = props.containerWidth, currentContainerHeight = props.containerHeight, currentMargin = props.margin, currentSrc = props.src;
@@ -301,34 +301,34 @@ var ImagePlacer = exports.ImagePlacer = /*#__PURE__*/function (_React$Component)
                 this.updateZoomProp();
               }
               if (!(nextSrc instanceof File && nextSrc !== currentSrc)) {
-                _context.next = 20;
+                _context.next = 3;
                 break;
               }
-              _context.next = 19;
+              _context.next = 2;
               return (0, _mediaUi.getFileInfo)(nextSrc);
-            case 19:
+            case 2:
               fileInfo = _context.sent;
-            case 20:
+            case 3:
               if (!(typeof nextSrc === 'string' && nextSrc !== currentSrc)) {
-                _context.next = 24;
+                _context.next = 5;
                 break;
               }
-              _context.next = 23;
+              _context.next = 4;
               return (0, _mediaUi.getFileInfoFromSrc)(nextSrc);
-            case 23:
+            case 4:
               fileInfo = _context.sent;
-            case 24:
+            case 5:
               if (!fileInfo) {
-                _context.next = 27;
+                _context.next = 6;
                 break;
               }
-              _context.next = 27;
+              _context.next = 6;
               return this.preprocessFile(fileInfo);
-            case 27:
+            case 6:
               if (isImageAction) {
                 this.provideImageActions();
               }
-            case 28:
+            case 7:
             case "end":
               return _context.stop();
           }
@@ -344,15 +344,15 @@ var ImagePlacer = exports.ImagePlacer = /*#__PURE__*/function (_React$Component)
     value: function () {
       var _componentDidUpdate = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(prevProps) {
         var imageSourceRect, props, nextZoom, nextUseConstraints, nextContainerWidth, nextContainerHeight, nextMargin, nextSrc, nextOnImageActions, prevZoom, prevUseConstraints, prevContainerWidth, prevContainerHeight, prevMargin, prevSrc, prevOnImageActions, isZoomChange, isUseConstraintsChange, isContainerWidthChange, isContainerHeightChange, isMarginChange, isImageActionChange, zoomReset, fileInfo;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
+        return _regenerator.default.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if ((0, _platformFeatureFlags.fg)('platform_media_package_react19_lifecycle_fix')) {
-                _context2.next = 2;
+                _context2.next = 1;
                 break;
               }
               return _context2.abrupt("return");
-            case 2:
+            case 1:
               imageSourceRect = this.imageSourceRect, props = this.props;
               nextZoom = props.zoom, nextUseConstraints = props.useConstraints, nextContainerWidth = props.containerWidth, nextContainerHeight = props.containerHeight, nextMargin = props.margin, nextSrc = props.src, nextOnImageActions = props.onImageActions;
               prevZoom = prevProps.zoom, prevUseConstraints = prevProps.useConstraints, prevContainerWidth = prevProps.containerWidth, prevContainerHeight = prevProps.containerHeight, prevMargin = prevProps.margin, prevSrc = prevProps.src, prevOnImageActions = prevProps.onImageActions;
@@ -380,38 +380,38 @@ var ImagePlacer = exports.ImagePlacer = /*#__PURE__*/function (_React$Component)
                 this.updateZoomProp();
               }
               if (!(nextSrc !== prevSrc)) {
-                _context2.next = 27;
+                _context2.next = 6;
                 break;
               }
               if (!(nextSrc instanceof File)) {
-                _context2.next = 20;
+                _context2.next = 3;
                 break;
               }
-              _context2.next = 19;
+              _context2.next = 2;
               return (0, _mediaUi.getFileInfo)(nextSrc);
-            case 19:
+            case 2:
               fileInfo = _context2.sent;
-            case 20:
+            case 3:
               if (!(typeof nextSrc === 'string')) {
-                _context2.next = 24;
+                _context2.next = 5;
                 break;
               }
-              _context2.next = 23;
+              _context2.next = 4;
               return (0, _mediaUi.getFileInfoFromSrc)(nextSrc);
-            case 23:
+            case 4:
               fileInfo = _context2.sent;
-            case 24:
+            case 5:
               if (!fileInfo) {
-                _context2.next = 27;
+                _context2.next = 6;
                 break;
               }
-              _context2.next = 27;
+              _context2.next = 6;
               return this.preprocessFile(fileInfo);
-            case 27:
+            case 6:
               if (isImageActionChange) {
                 this.provideImageActions();
               }
-            case 28:
+            case 7:
             case "end":
               return _context2.stop();
           }
@@ -427,13 +427,13 @@ var ImagePlacer = exports.ImagePlacer = /*#__PURE__*/function (_React$Component)
     value: function () {
       var _preprocessFile = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(fileInfo) {
         var maxZoom, previewInfo, width, height;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
+        return _regenerator.default.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               maxZoom = this.props.maxZoom;
-              _context3.next = 3;
+              _context3.next = 1;
               return (0, _imageProcessor.initialiseImagePreview)(fileInfo, this.containerRect, maxZoom);
-            case 3:
+            case 1:
               previewInfo = _context3.sent;
               if (previewInfo) {
                 width = previewInfo.width, height = previewInfo.height;
@@ -445,7 +445,7 @@ var ImagePlacer = exports.ImagePlacer = /*#__PURE__*/function (_React$Component)
                   errorMessage: 'Cannot load image'
                 });
               }
-            case 5:
+            case 2:
             case "end":
               return _context3.stop();
           }

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

@@ -76,31 +76,31 @@ export var AvatarPickerDialog = /*#__PURE__*/function (_PureComponent) {
     });
     _defineProperty(_this, "setSelectedImageState", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(selectedImage) {
-        var dataURI;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var dataURI, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
               _this.setState({
                 selectedImage: selectedImage
               });
-              _context.next = 4;
+              _context.next = 1;
               return fileToDataURI(selectedImage);
-            case 4:
+            case 1:
               dataURI = _context.sent;
               _this.setState({
                 selectedImageSource: dataURI
               });
-              _context.next = 10;
+              _context.next = 3;
               break;
-            case 8:
-              _context.prev = 8;
-              _context.t0 = _context["catch"](0);
-            case 10:
+            case 2:
+              _context.prev = 2;
+              _t = _context["catch"](0);
+            case 3:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 8]]);
+        }, _callee, null, [[0, 2]]);
       }));
       return function (_x) {
         return _ref.apply(this, arguments);

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

@@ -299,13 +299,13 @@ export var ImageNavigator = /*#__PURE__*/function (_Component) {
     value: function () {
       var _readFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(imageFile) {
         var onImageUploaded, _yield$Promise$all, _yield$Promise$all2, fileImageSource, imageOrientation;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               onImageUploaded = this.props.onImageUploaded;
-              _context.next = 3;
+              _context.next = 1;
               return Promise.all([fileToDataURI(imageFile), getOrientation(imageFile)]);
-            case 3:
+            case 1:
               _yield$Promise$all = _context.sent;
               _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
               fileImageSource = _yield$Promise$all2[0];
@@ -319,7 +319,7 @@ export var ImageNavigator = /*#__PURE__*/function (_Component) {
                 imageFile: imageFile,
                 imageOrientation: imageOrientation
               });
-            case 10:
+            case 2:
             case "end":
               return _context.stop();
           }

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

@@ -60,29 +60,29 @@ export function initialiseImagePreview(_x, _x2, _x3) {
 }
 function _initialiseImagePreview() {
   _initialiseImagePreview = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileInfo, containerRect, maxZoom) {
-    var orientation, img, result, _img, naturalWidth, naturalHeight, srcRect, maxRect, scaleFactor, scaledRect, imageWidth, imageHeight, canvasRect, _canvasRect, canvasWidth, canvasHeight;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var orientation, img, result, _img, naturalWidth, naturalHeight, srcRect, maxRect, scaleFactor, scaledRect, imageWidth, imageHeight, canvasRect, _canvasRect, canvasWidth, canvasHeight, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           orientation = 1;
           _context.prev = 1;
-          _context.next = 4;
+          _context.next = 2;
           return Promise.all([getOrientation(fileInfo.file), loadImage(fileInfo.src)]);
-        case 4:
+        case 2:
           result = _context.sent;
           if (!CSS.supports('image-orientation', 'from-image')) {
             orientation = result[0];
           }
           img = result[1];
-          _context.next = 12;
+          _context.next = 4;
           break;
-        case 9:
-          _context.prev = 9;
-          _context.t0 = _context["catch"](1);
+        case 3:
+          _context.prev = 3;
+          _t = _context["catch"](1);
           return _context.abrupt("return", null);
-        case 12:
+        case 4:
           if (!img) {
-            _context.next = 24;
+            _context.next = 5;
             break;
           }
           _img = img, naturalWidth = _img.naturalWidth, naturalHeight = _img.naturalHeight;
@@ -104,13 +104,13 @@ function _initialiseImagePreview() {
             width: canvasWidth,
             height: canvasHeight
           });
-        case 24:
+        case 5:
           return _context.abrupt("return", null);
-        case 25:
+        case 6:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[1, 9]]);
+    }, _callee, null, [[1, 3]]);
   }));
   return _initialiseImagePreview.apply(this, arguments);
 }