@atlaskit/dropdown-menu 12.13.3 → 12.14.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/dropdown-menu
 
+## 12.14.0
+
+### Minor Changes
+
+- [#116502](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116502)
+  [`9796cf77195b6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9796cf77195b6) -
+  Adds a new optional `UNSAFE_shouldDisableRouterLink` prop to the `DropdownItem` component, which
+  when set to `true`, will opt out of using a router link and instead use a regular anchor element
+  when used alongside the `href` prop.
+
+## 12.13.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.13.3
 
 ### Patch Changes

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

@@ -14,7 +14,7 @@ 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 = ["children", "component", "description", "elemAfter", "elemBefore", "href", "isDisabled", "isSelected", "onClick", "rel", "shouldDescriptionWrap", "shouldTitleWrap", "target", "testId"];
+var _excluded = ["children", "component", "description", "elemAfter", "elemBefore", "href", "isDisabled", "isSelected", "onClick", "rel", "shouldDescriptionWrap", "shouldTitleWrap", "target", "testId", "UNSAFE_shouldDisableRouterLink"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -43,6 +43,7 @@ var DropdownMenuItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     shouldTitleWrap = _ref$shouldTitleWrap === void 0 ? true : _ref$shouldTitleWrap,
     target = _ref.target,
     testId = _ref.testId,
+    UNSAFE_shouldDisableRouterLink = _ref.UNSAFE_shouldDisableRouterLink,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var itemRef = (0, _useRegisterItemWithFocusManager.default)();
   if (component) {
@@ -82,7 +83,8 @@ var DropdownMenuItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
       shouldDescriptionWrap: shouldDescriptionWrap,
       shouldTitleWrap: shouldTitleWrap,
       target: target,
-      testId: testId
+      testId: testId,
+      UNSAFE_shouldDisableRouterLink: UNSAFE_shouldDisableRouterLink
       // DSP-13312 TODO: remove spread props in future major release
     }, rest), children);
   } else {

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

@@ -29,6 +29,7 @@ const DropdownMenuItem = /*#__PURE__*/forwardRef(({
   shouldTitleWrap = true,
   target,
   testId,
+  UNSAFE_shouldDisableRouterLink,
   ...rest
 }, ref) => {
   const itemRef = useRegisterItemWithFocusManager();
@@ -69,7 +70,8 @@ const DropdownMenuItem = /*#__PURE__*/forwardRef(({
       shouldDescriptionWrap: shouldDescriptionWrap,
       shouldTitleWrap: shouldTitleWrap,
       target: target,
-      testId: testId
+      testId: testId,
+      UNSAFE_shouldDisableRouterLink: UNSAFE_shouldDisableRouterLink
       // DSP-13312 TODO: remove spread props in future major release
     }, rest), children);
   } else {

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "component", "description", "elemAfter", "elemBefore", "href", "isDisabled", "isSelected", "onClick", "rel", "shouldDescriptionWrap", "shouldTitleWrap", "target", "testId"];
+var _excluded = ["children", "component", "description", "elemAfter", "elemBefore", "href", "isDisabled", "isSelected", "onClick", "rel", "shouldDescriptionWrap", "shouldTitleWrap", "target", "testId", "UNSAFE_shouldDisableRouterLink"];
 import React, { forwardRef } from 'react';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import ButtonItem from '@atlaskit/menu/button-item';
@@ -33,6 +33,7 @@ var DropdownMenuItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     shouldTitleWrap = _ref$shouldTitleWrap === void 0 ? true : _ref$shouldTitleWrap,
     target = _ref.target,
     testId = _ref.testId,
+    UNSAFE_shouldDisableRouterLink = _ref.UNSAFE_shouldDisableRouterLink,
     rest = _objectWithoutProperties(_ref, _excluded);
   var itemRef = useRegisterItemWithFocusManager();
   if (component) {
@@ -72,7 +73,8 @@ var DropdownMenuItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
       shouldDescriptionWrap: shouldDescriptionWrap,
       shouldTitleWrap: shouldTitleWrap,
       target: target,
-      testId: testId
+      testId: testId,
+      UNSAFE_shouldDisableRouterLink: UNSAFE_shouldDisableRouterLink
       // DSP-13312 TODO: remove spread props in future major release
     }, rest), children);
   } else {

package/dist/types/types.d.ts

@@ -228,6 +228,12 @@ export interface DropdownItemProps {
      * serving as a hook for automated tests.
      */
     testId?: string;
+    /**
+     * Use this to opt out of using a router link and instead use a regular anchor element when
+     * using the `href` prop.
+     * Marked as "unsafe" because ideally, router links should be used for all internal links.
+     */
+    UNSAFE_shouldDisableRouterLink?: boolean;
 }
 export interface DropdownItemCheckboxProps {
     /**

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

@@ -228,6 +228,12 @@ export interface DropdownItemProps {
      * serving as a hook for automated tests.
      */
     testId?: string;
+    /**
+     * Use this to opt out of using a router link and instead use a regular anchor element when
+     * using the `href` prop.
+     * Marked as "unsafe" because ideally, router links should be used for all internal links.
+     */
+    UNSAFE_shouldDisableRouterLink?: boolean;
 }
 export interface DropdownItemCheckboxProps {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "12.13.3",
+	"version": "12.14.0",
 	"description": "A dropdown menu displays a list of actions or options to a user.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -27,14 +27,14 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/button": "^18.0.0",
+		"@atlaskit/button": "^18.1.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/ds-lib": "^2.3.0",
 		"@atlaskit/icon": "^22.5.0",
 		"@atlaskit/layering": "^0.3.0",
-		"@atlaskit/menu": "^2.5.0",
-		"@atlaskit/popup": "^1.19.0",
-		"@atlaskit/primitives": "^9.0.0",
+		"@atlaskit/menu": "^2.7.0",
+		"@atlaskit/popup": "^1.20.0",
+		"@atlaskit/primitives": "^10.0.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/theme": "^12.11.0",
 		"@atlaskit/tokens": "^1.53.0",
@@ -51,11 +51,12 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
+		"@atlaskit/app-provider": "^1.3.0",
 		"@atlaskit/modal-dialog": "^12.14.0",
 		"@atlaskit/toggle": "^13.2.0",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/feature-flags-test-utils": "*",
-		"@testing-library/dom": "^8.17.1",
+		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^12.1.5",
 		"@testing-library/react-hooks": "^8.0.1",
 		"@testing-library/user-event": "^14.4.3",