@atlaskit/dropdown-menu 11.6.1 → 11.7.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/dropdown-menu
 
+## 11.7.0
+
+### Minor Changes
+
+- [`7d3e5393e87`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d3e5393e87) - Enable forwardRef on DropdownItem
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.6.1
 
 ### Patch Changes

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

@@ -1,18 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
 var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
 var _customItem = _interopRequireDefault(require("@atlaskit/menu/custom-item"));
 var _linkItem = _interopRequireDefault(require("@atlaskit/menu/link-item"));
 var _useRegisterItemWithFocusManager = _interopRequireDefault(require("./internal/hooks/use-register-item-with-focus-manager"));
 var _excluded = ["component", "elemBefore", "elemAfter", "shouldTitleWrap", "shouldDescriptionWrap"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
  * __Dropdown menu item__
  *
@@ -22,7 +26,7 @@ var _excluded = ["component", "elemBefore", "elemAfter", "shouldTitleWrap", "sho
  * - [Code](https://atlassian.design/components/dropdown-item/code)
  * - [Usage](https://atlassian.design/components/dropdown-item/usage)
  */
-var DropdownMenuItem = function DropdownMenuItem(props) {
+var DropdownMenuItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var component = props.component,
     elemBefore = props.elemBefore,
     elemAfter = props.elemAfter,
@@ -46,7 +50,7 @@ var DropdownMenuItem = function DropdownMenuItem(props) {
       iconBefore: elemBefore,
       iconAfter: elemAfter,
       role: "menuitem",
-      ref: itemRef,
+      ref: (0, _mergeRefs.default)([ref, itemRef]),
       shouldTitleWrap: shouldTitleWrap,
       shouldDescriptionWrap: shouldDescriptionWrap
     }, rest));
@@ -55,11 +59,11 @@ var DropdownMenuItem = function DropdownMenuItem(props) {
       role: "menuitem",
       iconBefore: elemBefore,
       iconAfter: elemAfter,
-      ref: itemRef,
+      ref: (0, _mergeRefs.default)([ref, itemRef]),
       shouldTitleWrap: shouldTitleWrap,
       shouldDescriptionWrap: shouldDescriptionWrap
     }, rest));
   }
-};
+});
 var _default = DropdownMenuItem;
 exports.default = _default;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.6.1",
+	"version": "11.7.0",
 	"sideEffects": false
 }

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { forwardRef } from 'react';
+import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import ButtonItem from '@atlaskit/menu/button-item';
 import CustomItem from '@atlaskit/menu/custom-item';
 import LinkItem from '@atlaskit/menu/link-item';
@@ -13,7 +14,7 @@ import useRegisterItemWithFocusManager from './internal/hooks/use-register-item-
  * - [Code](https://atlassian.design/components/dropdown-item/code)
  * - [Usage](https://atlassian.design/components/dropdown-item/usage)
  */
-const DropdownMenuItem = props => {
+const DropdownMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     component,
     elemBefore,
@@ -37,7 +38,7 @@ const DropdownMenuItem = props => {
       iconBefore: elemBefore,
       iconAfter: elemAfter,
       role: "menuitem",
-      ref: itemRef,
+      ref: mergeRefs([ref, itemRef]),
       shouldTitleWrap: shouldTitleWrap,
       shouldDescriptionWrap: shouldDescriptionWrap
     }, rest));
@@ -46,10 +47,10 @@ const DropdownMenuItem = props => {
       role: "menuitem",
       iconBefore: elemBefore,
       iconAfter: elemAfter,
-      ref: itemRef,
+      ref: mergeRefs([ref, itemRef]),
       shouldTitleWrap: shouldTitleWrap,
       shouldDescriptionWrap: shouldDescriptionWrap
     }, rest));
   }
-};
+});
 export default DropdownMenuItem;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.6.1",
+	"version": "11.7.0",
 	"sideEffects": false
 }

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

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["component", "elemBefore", "elemAfter", "shouldTitleWrap", "shouldDescriptionWrap"];
-import React from 'react';
+import React, { forwardRef } from 'react';
+import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import ButtonItem from '@atlaskit/menu/button-item';
 import CustomItem from '@atlaskit/menu/custom-item';
 import LinkItem from '@atlaskit/menu/link-item';
@@ -15,7 +16,7 @@ import useRegisterItemWithFocusManager from './internal/hooks/use-register-item-
  * - [Code](https://atlassian.design/components/dropdown-item/code)
  * - [Usage](https://atlassian.design/components/dropdown-item/usage)
  */
-var DropdownMenuItem = function DropdownMenuItem(props) {
+var DropdownMenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var component = props.component,
     elemBefore = props.elemBefore,
     elemAfter = props.elemAfter,
@@ -39,7 +40,7 @@ var DropdownMenuItem = function DropdownMenuItem(props) {
       iconBefore: elemBefore,
       iconAfter: elemAfter,
       role: "menuitem",
-      ref: itemRef,
+      ref: mergeRefs([ref, itemRef]),
       shouldTitleWrap: shouldTitleWrap,
       shouldDescriptionWrap: shouldDescriptionWrap
     }, rest));
@@ -48,10 +49,10 @@ var DropdownMenuItem = function DropdownMenuItem(props) {
       role: "menuitem",
       iconBefore: elemBefore,
       iconAfter: elemAfter,
-      ref: itemRef,
+      ref: mergeRefs([ref, itemRef]),
       shouldTitleWrap: shouldTitleWrap,
       shouldDescriptionWrap: shouldDescriptionWrap
     }, rest));
   }
-};
+});
 export default DropdownMenuItem;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.6.1",
+	"version": "11.7.0",
 	"sideEffects": false
 }

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DropdownItemProps } from './types';
 /**
  * __Dropdown menu item__
@@ -9,5 +9,5 @@ import { DropdownItemProps } from './types';
  * - [Code](https://atlassian.design/components/dropdown-item/code)
  * - [Usage](https://atlassian.design/components/dropdown-item/usage)
  */
-declare const DropdownMenuItem: (props: DropdownItemProps) => JSX.Element;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLElement>>;
 export default DropdownMenuItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dropdown-menu",
-  "version": "11.6.1",
+  "version": "11.7.0",
   "description": "A dropdown menu displays a list of actions or options to a user.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/menu": "^1.5.0",
     "@atlaskit/popup": "^1.5.0",
-    "@atlaskit/spinner": "^15.3.0",
+    "@atlaskit/spinner": "^15.4.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^1.2.0",
     "@atlaskit/visually-hidden": "^1.1.0",
@@ -42,7 +42,7 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/avatar": "^21.1.0",
+    "@atlaskit/avatar": "^21.2.0",
     "@atlaskit/docs": "*",
     "@atlaskit/ds-explorations": "^2.0.0",
     "@atlaskit/heading": "^1.1.0",
@@ -51,7 +51,7 @@
     "@atlaskit/primitives": "^0.3.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/tooltip": "^17.6.0",
+    "@atlaskit/tooltip": "^17.7.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

package/report.api.md

@@ -21,6 +21,7 @@ import type { CustomItemProps } from '@atlaskit/menu/types';
 import { default as DropdownItemGroup } from '@atlaskit/menu/section';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
+import { default as React_2 } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { Ref } from 'react';
@@ -39,7 +40,9 @@ export interface CustomTriggerProps<
 }
 
 // @public
-export const DropdownItem: (props: DropdownItemProps) => JSX.Element;
+export const DropdownItem: React_2.ForwardRefExoticComponent<
+  DropdownItemProps & React_2.RefAttributes<HTMLElement>
+>;
 
 // @public
 export const DropdownItemCheckbox: (