@atlaskit/menu 8.1.2 → 8.3.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/menu
 
+## 8.3.0
+
+### Minor Changes
+
+- [#200326](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/200326)
+  [`f520c88226d22`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f520c88226d22) -
+  Reimplementing these changes due to a revert.
+
+  ButtonItem will convey its selected state to screen readers when `isSelected`. This is done
+  through the `aria-current` attribute.
+
+  This change is behind a feature flag, which will be removed in a future release.
+
+## 8.2.0
+
+### Minor Changes
+
+- [#200012](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/200012)
+  [`3b577f51b24b1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b577f51b24b1) -
+  ButtonItem will convey its selected state to screen readers when `isSelected`. This is done
+  through the `aria-current` attribute.
+
+  This change is behind a feature flag, which will be removed in a future release.
+
 ## 8.1.2
 
 ### Patch Changes

package/dist/cjs/menu-item/button-item.js

@@ -13,6 +13,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _interactionContext = _interopRequireDefault(require("@atlaskit/interaction-context"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _menuItemPrimitive = _interopRequireDefault(require("../internal/components/menu-item-primitive"));
 var _excluded = ["children", "description", "iconAfter", "iconBefore", "isDisabled", "isSelected", "onClick", "testId", "onMouseDown", "shouldTitleWrap", "shouldDescriptionWrap", "className", "interactionName"];
 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); }
@@ -70,6 +71,10 @@ var ButtonItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardR
       className = _ref.className;
     return /*#__PURE__*/React.createElement("button", (0, _extends2.default)({
       "data-testid": testId
+      // This is intentionally placed before the `...rest` spread to prevent overriding existing usages of `aria-current`,
+      // which are already being passed to the button element.
+      ,
+      "aria-current": isSelected && (0, _platformFeatureFlags.fg)('platform_dst_menu_item_button_aria_current') ? 'true' : undefined
     }, rest, {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: className,

package/dist/es2019/menu-item/button-item.js

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, memo, useCallback, useContext } from 'react';
 import InteractionContext from '@atlaskit/interaction-context';
+import { fg } from '@atlaskit/platform-feature-flags';
 import MenuItemPrimitive from '../internal/components/menu-item-primitive';
 /**
  * __Button item__
@@ -59,6 +60,10 @@ const ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, ref) => {
     className
   }) => /*#__PURE__*/React.createElement("button", _extends({
     "data-testid": testId
+    // This is intentionally placed before the `...rest` spread to prevent overriding existing usages of `aria-current`,
+    // which are already being passed to the button element.
+    ,
+    "aria-current": isSelected && fg('platform_dst_menu_item_button_aria_current') ? 'true' : undefined
   }, rest, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: className,

package/dist/esm/menu-item/button-item.js

@@ -6,6 +6,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, memo, useCallback, useContext } from 'react';
 import InteractionContext from '@atlaskit/interaction-context';
+import { fg } from '@atlaskit/platform-feature-flags';
 import MenuItemPrimitive from '../internal/components/menu-item-primitive';
 /**
  * __Button item__
@@ -61,6 +62,10 @@ var ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
       className = _ref.className;
     return /*#__PURE__*/React.createElement("button", _extends({
       "data-testid": testId
+      // This is intentionally placed before the `...rest` spread to prevent overriding existing usages of `aria-current`,
+      // which are already being passed to the button element.
+      ,
+      "aria-current": isSelected && fg('platform_dst_menu_item_button_aria_current') ? 'true' : undefined
     }, rest, {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: className,

package/dist/types/internal/components/menu-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type SpacingMode = 'compact' | 'cozy';
 /**
  * __Spacing context__

package/dist/types/internal/components/menu-item-primitive.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MenuItemPrimitiveProps } from '../../types';
 /**
  * __Menu item primitive__

package/dist/types/menu-item/button-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ButtonItemProps } from '../types';
 /**
  * __Button item__

package/dist/types/menu-item/custom-item.d.ts

@@ -2,7 +2,6 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-/// <reference types="react" />
 import type { CustomItemComponentProps, CustomItemProps } from '../types';
 interface CustomItemTypeGenericHackProps {
     <TComponentProps>(props: CustomItemProps<TComponentProps> & {

package/dist/types/menu-item/heading-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { HeadingItemProps } from '../types';
 /**
  * __Heading item__

package/dist/types/menu-item/link-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LinkItemProps } from '../types';
 /**
  * __Link item__

package/dist/types/menu-item/skeleton-heading-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SkeletonHeadingItemProps } from '../types';
 /**
  * __Skeleton heading item__

package/dist/types/menu-item/skeleton-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SkeletonItemProps } from '../types';
 /**
  * __Skeleton item__

package/dist/types/menu-section/menu-group.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MenuGroupProps } from '../types';
 /**
  * __Menu group__

package/dist/types/menu-section/popup-menu-group.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MenuGroupProps } from '../types';
 /**
  * @deprecated refer to MenuGroup, explicitly set maxWidth and minWidth

package/dist/types/menu-section/section.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SectionProps } from '../types';
 /**
  * __Section__

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type SpacingMode = 'compact' | 'cozy';
 /**
  * __Spacing context__

package/dist/types-ts4.5/internal/components/menu-item-primitive.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MenuItemPrimitiveProps } from '../../types';
 /**
  * __Menu item primitive__

package/dist/types-ts4.5/menu-item/button-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ButtonItemProps } from '../types';
 /**
  * __Button item__

package/dist/types-ts4.5/menu-item/custom-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/types-ts4.5/menu-item/heading-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { HeadingItemProps } from '../types';
 /**
  * __Heading item__

package/dist/types-ts4.5/menu-item/link-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LinkItemProps } from '../types';
 /**
  * __Link item__

package/dist/types-ts4.5/menu-item/skeleton-heading-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SkeletonHeadingItemProps } from '../types';
 /**
  * __Skeleton heading item__

package/dist/types-ts4.5/menu-item/skeleton-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SkeletonItemProps } from '../types';
 /**
  * __Skeleton item__

package/dist/types-ts4.5/menu-section/menu-group.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MenuGroupProps } from '../types';
 /**
  * __Menu group__

package/dist/types-ts4.5/menu-section/popup-menu-group.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MenuGroupProps } from '../types';
 /**
  * @deprecated refer to MenuGroup, explicitly set maxWidth and minWidth

package/dist/types-ts4.5/menu-section/section.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SectionProps } from '../types';
 /**
  * __Section__

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/menu",
-	"version": "8.1.2",
+	"version": "8.3.0",
 	"description": "A list of options to help users navigate, or perform actions.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/app-provider": "^3.0.0",
+		"@atlaskit/app-provider": "^3.1.0",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/interaction-context": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -61,16 +61,15 @@
 		"@atlaskit/button": "^23.3.0",
 		"@atlaskit/docs": "^11.0.0",
 		"@atlaskit/ds-lib": "^5.0.0",
-		"@atlaskit/icon": "^27.9.0",
+		"@atlaskit/icon": "^27.11.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-object": "^7.1.0",
+		"@atlaskit/icon-object": "^7.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/section-message": "^8.5.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@testing-library/react": "^13.4.0",
 		"ast-types": "^0.13.3",
-		"jscodeshift": "^17.0.0",
-		"typescript": "~5.4.2"
+		"jscodeshift": "^17.0.0"
 	},
 	"keywords": [
 		"atlaskit",
@@ -120,6 +119,9 @@
 	"platform-feature-flags": {
 		"platform_fix_a11y_selected_and_hovered_state_color": {
 			"type": "boolean"
+		},
+		"platform_dst_menu_item_button_aria_current": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/menu/"