@atlaskit/menu 8.1.2 → 8.2.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/menu
 
+## 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); }
@@ -77,6 +78,7 @@ var ButtonItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardR
       disabled: isDisabled,
       onClick: handleClick,
       onMouseDown: onMouseDownHandler,
+      "aria-current": isSelected && (0, _platformFeatureFlags.fg)('platform_dst_menu_item_button_aria_current') ? 'true' : undefined,
       type: "button"
     }), children);
   });

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__
@@ -66,6 +67,7 @@ const ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, ref) => {
     disabled: isDisabled,
     onClick: handleClick,
     onMouseDown: onMouseDownHandler,
+    "aria-current": isSelected && fg('platform_dst_menu_item_button_aria_current') ? 'true' : undefined,
     type: "button"
   }), children));
 }));

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__
@@ -68,6 +69,7 @@ var ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
       disabled: isDisabled,
       onClick: handleClick,
       onMouseDown: onMouseDownHandler,
+      "aria-current": isSelected && fg('platform_dst_menu_item_button_aria_current') ? 'true' : undefined,
       type: "button"
     }), children);
   });

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.2.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/"