@atlaskit/menu 1.10.1 → 1.11.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/menu
 
+## 1.11.0
+
+### Minor Changes
+
+- [`5545e5a6ab2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5545e5a6ab2) - [ux] Adds `isLoading` prop to menu group for better context for assistive technology users.
+
 ## 1.10.1
 
 ### Patch Changes

package/dist/cjs/menu-section/menu-group.js

@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("@emotion/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _menuContext = require("../internal/components/menu-context");
-var _excluded = ["maxWidth", "minWidth", "minHeight", "maxHeight", "testId", "role", "spacing", "className"];
+var _excluded = ["isLoading", "maxWidth", "minWidth", "minHeight", "maxHeight", "testId", "role", "spacing", "className"];
 /** @jsx jsx */
 var baseStyles = (0, _react.css)({
   display: 'flex',
@@ -28,7 +28,8 @@ var baseStyles = (0, _react.css)({
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
 var MenuGroup = function MenuGroup(_ref) {
-  var maxWidth = _ref.maxWidth,
+  var isLoading = _ref.isLoading,
+    maxWidth = _ref.maxWidth,
     minWidth = _ref.minWidth,
     minHeight = _ref.minHeight,
     maxHeight = _ref.maxHeight,
@@ -43,6 +44,7 @@ var MenuGroup = function MenuGroup(_ref) {
   }, (0, _react.jsx)(_menuContext.SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
     value: "border"
   }, (0, _react.jsx)("div", (0, _extends2.default)({
+    "aria-busy": isLoading,
     style: {
       minWidth: minWidth,
       maxWidth: maxWidth,

package/dist/es2019/menu-section/menu-group.js

@@ -19,6 +19,7 @@ const baseStyles = css({
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
 const MenuGroup = ({
+  isLoading,
   maxWidth,
   minWidth,
   minHeight,
@@ -37,6 +38,7 @@ const MenuGroup = ({
 }, jsx(SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
   value: "border"
 }, jsx("div", _extends({
+  "aria-busy": isLoading,
   style: {
     minWidth,
     maxWidth,

package/dist/esm/menu-section/menu-group.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["maxWidth", "minWidth", "minHeight", "maxHeight", "testId", "role", "spacing", "className"];
+var _excluded = ["isLoading", "maxWidth", "minWidth", "minHeight", "maxHeight", "testId", "role", "spacing", "className"];
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -21,7 +21,8 @@ var baseStyles = css({
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
 var MenuGroup = function MenuGroup(_ref) {
-  var maxWidth = _ref.maxWidth,
+  var isLoading = _ref.isLoading,
+    maxWidth = _ref.maxWidth,
     minWidth = _ref.minWidth,
     minHeight = _ref.minHeight,
     maxHeight = _ref.maxHeight,
@@ -36,6 +37,7 @@ var MenuGroup = function MenuGroup(_ref) {
   }, jsx(SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
     value: "border"
   }, jsx("div", _extends({
+    "aria-busy": isLoading,
     style: {
       minWidth: minWidth,
       maxWidth: maxWidth,

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

@@ -9,5 +9,5 @@ import type { MenuGroupProps } from '../types';
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/menu-group)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-declare const MenuGroup: ({ maxWidth, minWidth, minHeight, maxHeight, testId, role, spacing, className: UNSAFE_className, ...rest }: MenuGroupProps) => jsx.JSX.Element;
+declare const MenuGroup: ({ isLoading, maxWidth, minWidth, minHeight, maxHeight, testId, role, spacing, className: UNSAFE_className, ...rest }: MenuGroupProps) => jsx.JSX.Element;
 export default MenuGroup;

package/dist/types/types.d.ts

@@ -46,6 +46,10 @@ export interface MenuGroupProps extends MenuGroupSizing {
      * should generally be `Section` components.
      */
     children: React.ReactNode;
+    /**
+     * Used for telling assistive technologies that the menu group is loading.
+     */
+    isLoading?: boolean;
     /**
      * Configure the density of the MenuGroup content.
      */

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

@@ -9,5 +9,5 @@ import type { MenuGroupProps } from '../types';
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/menu-group)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-declare const MenuGroup: ({ maxWidth, minWidth, minHeight, maxHeight, testId, role, spacing, className: UNSAFE_className, ...rest }: MenuGroupProps) => jsx.JSX.Element;
+declare const MenuGroup: ({ isLoading, maxWidth, minWidth, minHeight, maxHeight, testId, role, spacing, className: UNSAFE_className, ...rest }: MenuGroupProps) => jsx.JSX.Element;
 export default MenuGroup;

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

@@ -46,6 +46,10 @@ export interface MenuGroupProps extends MenuGroupSizing {
      * should generally be `Section` components.
      */
     children: React.ReactNode;
+    /**
+     * Used for telling assistive technologies that the menu group is loading.
+     */
+    isLoading?: boolean;
     /**
      * Configure the density of the MenuGroup content.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/menu",
-  "version": "1.10.1",
+  "version": "1.11.0",
   "description": "A collection of composable menu components that can be used anywhere.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,9 +29,9 @@
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/focus-ring": "^1.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^1.2.0",
-    "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.18.0",
+    "@atlaskit/primitives": "^1.6.0",
+    "@atlaskit/theme": "^12.6.0",
+    "@atlaskit/tokens": "^1.25.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },

package/report.api.md

@@ -142,6 +142,7 @@ export interface LinkItemProps extends BaseItemProps {
 
 // @public
 export const MenuGroup: ({
+  isLoading,
   maxWidth,
   minWidth,
   minHeight,
@@ -156,6 +157,7 @@ export const MenuGroup: ({
 // @public (undocumented)
 export interface MenuGroupProps extends MenuGroupSizing {
   children: React.ReactNode;
+  isLoading?: boolean;
   onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;
   role?: string;
   spacing?: SpacingMode;

package/tmp/api-report-tmp.d.ts

@@ -113,11 +113,12 @@ export interface LinkItemProps extends BaseItemProps {
 }
 
 // @public
-export const MenuGroup: ({ maxWidth, minWidth, minHeight, maxHeight, testId, role, spacing, className: UNSAFE_className, ...rest }: MenuGroupProps) => jsx.JSX.Element;
+export const MenuGroup: ({ isLoading, maxWidth, minWidth, minHeight, maxHeight, testId, role, spacing, className: UNSAFE_className, ...rest }: MenuGroupProps) => jsx.JSX.Element;
 
 // @public (undocumented)
 export interface MenuGroupProps extends MenuGroupSizing {
     children: React.ReactNode;
+    isLoading?: boolean;
     onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;
     role?: string;
     spacing?: SpacingMode;