@atlaskit/avatar-group 12.5.1 → 12.5.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/avatar-group
 
+## 12.5.2
+
+### Patch Changes
+
+- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
+  Enrol all Design System UI packages into the React Compiler with platform gating via
+  isReactCompilerActivePlatform.
+- Updated dependencies
+
 ## 12.5.1
 
 ### Patch Changes

package/dist/cjs/components/internal/components/focus-manager-context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FocusManagerContext = void 0;
+var _react = require("react");
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+/**
+ * Context provider which maintains the list of focusable elements and a method to
+ * register new menu items.
+ * This list drives the keyboard navgation of the menu.
+ *
+ */
+var FocusManagerContext = exports.FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
+  menuItemRefs: [],
+  registerRef: _noop.default
+});

package/dist/cjs/components/internal/components/focus-manager.js

@@ -5,27 +5,22 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.FocusManagerContext = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
-var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _handleFocus = _interopRequireDefault(require("../utiles/handle-focus"));
+var _focusManagerContext = require("./focus-manager-context");
 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); }
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
 /**
+ * __Focus manager__
  *
+ * A focus manager {description}.
  *
- * Context provider which maintains the list of focusable elements and a method to
- * register new menu items.
- * This list drives the keyboard navgation of the menu.
- *
- */
-var FocusManagerContext = exports.FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
-  menuItemRefs: [],
-  registerRef: _noop.default
-});
-
-/**
- * Focus manager logic
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
 var FocusManager = function FocusManager(_ref) {
   var children = _ref.children;
@@ -54,7 +49,7 @@ var FocusManager = function FocusManager(_ref) {
     menuItemRefs: menuItemRefs.current,
     registerRef: registerRef
   };
-  return /*#__PURE__*/_react.default.createElement(FocusManagerContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_focusManagerContext.FocusManagerContext.Provider, {
     value: contextValue
   }, children);
 };

package/dist/cjs/components/internal/components/popup-avatar-group.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _menu = require("@atlaskit/menu");
-var _focusManager = require("./focus-manager");
+var _focusManagerContext = require("./focus-manager-context");
 var _excluded = ["children", "isLoading", "maxHeight", "maxWidth", "minHeight", "minWidth", "onClick", "role", "setInitialFocusRef", "spacing", "testId"];
 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); }
 /**
@@ -31,7 +31,7 @@ var PopupAvatarGroup = function PopupAvatarGroup(_ref) {
     spacing = _ref.spacing,
     testId = _ref.testId,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_focusManager.FocusManagerContext),
+  var _useContext = (0, _react.useContext)(_focusManagerContext.FocusManagerContext),
     menuItemRefs = _useContext.menuItemRefs;
   (0, _react.useEffect)(function () {
     setInitialFocusRef === null || setInitialFocusRef === void 0 || setInitialFocusRef(menuItemRefs[0]);

package/dist/cjs/components/internal/hooks/use-register-item-with-focus-manager.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _focusManager = require("../components/focus-manager");
+var _focusManagerContext = require("../components/focus-manager-context");
 // eslint-disable-next-line sort-imports
 
 // The refs stored in the context are used to programatically
 // control focus on a user navigates using the keyboard.
 function useRegisterItemWithFocusManager() {
-  var _useContext = (0, _react.useContext)(_focusManager.FocusManagerContext),
+  var _useContext = (0, _react.useContext)(_focusManagerContext.FocusManagerContext),
     registerRef = _useContext.registerRef;
   var itemRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {

package/dist/es2019/components/internal/components/focus-manager-context.js

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+import __noop from '@atlaskit/ds-lib/noop';
+/**
+ * Context provider which maintains the list of focusable elements and a method to
+ * register new menu items.
+ * This list drives the keyboard navgation of the menu.
+ *
+ */
+export const FocusManagerContext = /*#__PURE__*/createContext({
+  menuItemRefs: [],
+  registerRef: __noop
+});

package/dist/es2019/components/internal/components/focus-manager.js

@@ -1,23 +1,18 @@
-import React, { createContext, useCallback, useEffect, useRef } from 'react';
+import React, { useCallback, useEffect, useRef } from 'react';
 import { bind } from 'bind-event-listener';
-import __noop from '@atlaskit/ds-lib/noop';
 import handleFocus from '../utiles/handle-focus';
+import { FocusManagerContext } from './focus-manager-context';
 
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
 /**
+ * __Focus manager__
  *
+ * A focus manager {description}.
  *
- * Context provider which maintains the list of focusable elements and a method to
- * register new menu items.
- * This list drives the keyboard navgation of the menu.
- *
- */
-export const FocusManagerContext = /*#__PURE__*/createContext({
-  menuItemRefs: [],
-  registerRef: __noop
-});
-
-/**
- * Focus manager logic
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
 const FocusManager = ({
   children

package/dist/es2019/components/internal/components/popup-avatar-group.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useContext, useEffect } from 'react';
 import { MenuGroup } from '@atlaskit/menu';
-import { FocusManagerContext } from './focus-manager';
+import { FocusManagerContext } from './focus-manager-context';
 
 /**
  * It sets focus to the first avatar when popup is open.

package/dist/es2019/components/internal/hooks/use-register-item-with-focus-manager.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line sort-imports
 import { useContext, useEffect, useRef } from 'react';
-import { FocusManagerContext } from '../components/focus-manager';
+import { FocusManagerContext } from '../components/focus-manager-context';
 
 // The refs stored in the context are used to programatically
 // control focus on a user navigates using the keyboard.

package/dist/esm/components/internal/components/focus-manager-context.js

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+import __noop from '@atlaskit/ds-lib/noop';
+/**
+ * Context provider which maintains the list of focusable elements and a method to
+ * register new menu items.
+ * This list drives the keyboard navgation of the menu.
+ *
+ */
+export var FocusManagerContext = /*#__PURE__*/createContext({
+  menuItemRefs: [],
+  registerRef: __noop
+});

package/dist/esm/components/internal/components/focus-manager.js

@@ -1,23 +1,18 @@
-import React, { createContext, useCallback, useEffect, useRef } from 'react';
+import React, { useCallback, useEffect, useRef } from 'react';
 import { bind } from 'bind-event-listener';
-import __noop from '@atlaskit/ds-lib/noop';
 import handleFocus from '../utiles/handle-focus';
+import { FocusManagerContext } from './focus-manager-context';
 
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
 /**
+ * __Focus manager__
  *
+ * A focus manager {description}.
  *
- * Context provider which maintains the list of focusable elements and a method to
- * register new menu items.
- * This list drives the keyboard navgation of the menu.
- *
- */
-export var FocusManagerContext = /*#__PURE__*/createContext({
-  menuItemRefs: [],
-  registerRef: __noop
-});
-
-/**
- * Focus manager logic
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
 var FocusManager = function FocusManager(_ref) {
   var children = _ref.children;

package/dist/esm/components/internal/components/popup-avatar-group.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "isLoading", "maxHeight", "maxWidth", "minHeight", "minWidth", "onClick", "role", "setInitialFocusRef", "spacing", "testId"];
 import React, { useContext, useEffect } from 'react';
 import { MenuGroup } from '@atlaskit/menu';
-import { FocusManagerContext } from './focus-manager';
+import { FocusManagerContext } from './focus-manager-context';
 
 /**
  * It sets focus to the first avatar when popup is open.

package/dist/esm/components/internal/hooks/use-register-item-with-focus-manager.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line sort-imports
 import { useContext, useEffect, useRef } from 'react';
-import { FocusManagerContext } from '../components/focus-manager';
+import { FocusManagerContext } from '../components/focus-manager-context';
 
 // The refs stored in the context are used to programatically
 // control focus on a user navigates using the keyboard.

package/dist/types/components/internal/components/focus-manager-context.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type FocusableElement } from '../../types';
+/**
+ * Context provider which maintains the list of focusable elements and a method to
+ * register new menu items.
+ * This list drives the keyboard navgation of the menu.
+ *
+ */
+export declare const FocusManagerContext: React.Context<{
+    menuItemRefs: FocusableElement[];
+    registerRef: (ref: FocusableElement) => void;
+}>;

package/dist/types/components/internal/components/focus-manager.d.ts

@@ -1,19 +1,12 @@
-import React, { type FC, type ReactNode } from 'react';
-import { type FocusableElement } from '../../types';
+import { type FC, type ReactNode } from 'react';
 /**
+ * __Focus manager__
  *
+ * A focus manager {description}.
  *
- * Context provider which maintains the list of focusable elements and a method to
- * register new menu items.
- * This list drives the keyboard navgation of the menu.
- *
- */
-export declare const FocusManagerContext: React.Context<{
-    menuItemRefs: FocusableElement[];
-    registerRef: (ref: FocusableElement) => void;
-}>;
-/**
- * Focus manager logic
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
 declare const FocusManager: FC<{
     children: ReactNode;

package/dist/types-ts4.5/components/internal/components/focus-manager-context.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type FocusableElement } from '../../types';
+/**
+ * Context provider which maintains the list of focusable elements and a method to
+ * register new menu items.
+ * This list drives the keyboard navgation of the menu.
+ *
+ */
+export declare const FocusManagerContext: React.Context<{
+    menuItemRefs: FocusableElement[];
+    registerRef: (ref: FocusableElement) => void;
+}>;

package/dist/types-ts4.5/components/internal/components/focus-manager.d.ts

@@ -1,19 +1,12 @@
-import React, { type FC, type ReactNode } from 'react';
-import { type FocusableElement } from '../../types';
+import { type FC, type ReactNode } from 'react';
 /**
+ * __Focus manager__
  *
+ * A focus manager {description}.
  *
- * Context provider which maintains the list of focusable elements and a method to
- * register new menu items.
- * This list drives the keyboard navgation of the menu.
- *
- */
-export declare const FocusManagerContext: React.Context<{
-    menuItemRefs: FocusableElement[];
-    registerRef: (ref: FocusableElement) => void;
-}>;
-/**
- * Focus manager logic
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
 declare const FocusManager: FC<{
     children: ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/avatar-group",
-	"version": "12.5.1",
+	"version": "12.5.2",
 	"description": "An avatar group displays a number of avatars grouped together in a stack or grid.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -17,6 +17,13 @@
 	],
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
+		"react-compiler": {
+			"enabled": true,
+			"gating": {
+				"source": "@atlassian/react-compiler-gating",
+				"importSpecifierName": "isReactCompilerActivePlatform"
+			}
+		},
 		"team": "Design System Team",
 		"website": {
 			"name": "Avatar group",
@@ -54,6 +61,7 @@
 		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/toggle": "^15.2.0",
+		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",