@atlaskit/editor-plugin-avatar-group 3.1.0 → 3.1.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-avatar-group
 
+## 3.1.1
+
+### Patch Changes
+
+- [#145269](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/145269)
+  [`737139c963111`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/737139c963111) -
+  [ux] Introduces an early-return guard inside `Avatars` that exits when `participants` is
+  null/undefined. Behind fg platform_editor_avatars_sort_error_fix. Prevents the runtime crash
+  `cannot read properties of undefined (reading sort)` observed while presence data is still
+  loading. For HOT-116939.
+- Updated dependencies
+
 ## 3.1.0
 
 ### Minor Changes

package/dist/cjs/ui/avatars.js

@@ -10,6 +10,7 @@ var _react2 = require("@emotion/react");
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _analytics2 = require("@atlaskit/editor-common/analytics");
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _styles = require("./styles");
 var _toAvatar = _interopRequireDefault(require("./to-avatar"));
 /**
@@ -45,6 +46,11 @@ var Avatars = exports.Avatars = /*#__PURE__*/_react.default.memo(function (props
     featureFlags = props.featureFlags,
     editorAPI = props.editorAPI;
   var participants = (_props$participants = props.participants) === null || _props$participants === void 0 ? void 0 : _props$participants.toArray();
+  if ((0, _platformFeatureFlags.fg)('platform_editor_avatars_sort_error_fix')) {
+    if (!participants) {
+      return null;
+    }
+  }
   var avatars = participants.sort(function (p) {
     return p.sessionId === sessionId ? -1 : 1;
   }).map(function (participant) {

package/dist/es2019/ui/avatars.js

@@ -10,6 +10,7 @@ import { jsx } from '@emotion/react';
 import AvatarGroup from '@atlaskit/avatar-group';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { avatarContainerStyles } from './styles';
 import toAvatar from './to-avatar';
 export const scrollToCollabCursor = (editorAPI, participants, sessionId, index, editorAnalyticsAPI) => {
@@ -41,6 +42,11 @@ export const Avatars = /*#__PURE__*/React.memo(props => {
     editorAPI
   } = props;
   const participants = (_props$participants = props.participants) === null || _props$participants === void 0 ? void 0 : _props$participants.toArray();
+  if (fg('platform_editor_avatars_sort_error_fix')) {
+    if (!participants) {
+      return null;
+    }
+  }
   const avatars = participants.sort(p => p.sessionId === sessionId ? -1 : 1).map(participant => toAvatar(participant, editorAPI));
   if (!avatars.length) {
     return null;

package/dist/esm/ui/avatars.js

@@ -10,6 +10,7 @@ import { jsx } from '@emotion/react';
 import AvatarGroup from '@atlaskit/avatar-group';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { avatarContainerStyles } from './styles';
 import toAvatar from './to-avatar';
 export var scrollToCollabCursor = function scrollToCollabCursor(editorAPI, participants, sessionId, index, editorAnalyticsAPI) {
@@ -38,6 +39,11 @@ export var Avatars = /*#__PURE__*/React.memo(function (props) {
     featureFlags = props.featureFlags,
     editorAPI = props.editorAPI;
   var participants = (_props$participants = props.participants) === null || _props$participants === void 0 ? void 0 : _props$participants.toArray();
+  if (fg('platform_editor_avatars_sort_error_fix')) {
+    if (!participants) {
+      return null;
+    }
+  }
   var avatars = participants.sort(function (p) {
     return p.sessionId === sessionId ? -1 : 1;
   }).map(function (participant) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-avatar-group",
-	"version": "3.1.0",
+	"version": "3.1.1",
 	"description": "Avatar Group plugin for @atlaskit/editor-core.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,16 +37,17 @@
 	},
 	"dependencies": {
 		"@atlaskit/avatar-group": "^12.0.0",
-		"@atlaskit/editor-common": "^103.4.0",
+		"@atlaskit/editor-common": "^103.15.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-collab-edit": "^3.4.0",
 		"@atlaskit/editor-plugin-feature-flags": "^1.4.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^3.2.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
-		"@atlaskit/icon": "^25.5.0",
+		"@atlaskit/icon": "^25.6.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.7.0",
+		"@atlaskit/tokens": "^4.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"memoize-one": "^6.0.0",
@@ -98,5 +99,10 @@
 		"no-unused-dependencies": {
 			"checkDevDependencies": true
 		}
+	},
+	"platform-feature-flags": {
+		"platform_editor_avatars_sort_error_fix": {
+			"type": "boolean"
+		}
 	}
 }