@atlaskit/side-navigation 2.0.5 → 3.0.1

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/side-navigation
 
+## 3.0.1
+
+### Patch Changes
+
+- [#42240](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42240) [`e5f784d7889`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e5f784d7889) - Add explicit `href` to link item.
+
+## 3.0.0
+
+### Major Changes
+
+- [#41355](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41355) [`cd1c813da18`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cd1c813da18) - Menu items now have a secondary selected state (border or notch), this was previously feature flagged for Atlassian experiences and is now available for everyone.
+
+  This change makes all menu items are now relatively positioned, if you had any child elements that leaned on this behaviour your experiences will now be broken!
+
+  For example the below code code previously the `div` would be positioned relatively to the menu group element. Now, it is positioned relatively to the button item element.
+
+  ```jsx
+  <MenuGroup>
+    <ButtonItem>
+      <div style={{ position: 'absolute', top: '100%' }} />
+    </ButtonItem>
+  </MenuGroup>
+  ```
+
+  As a path forward you should not be leaning on this behaviour. If you need a popup experience use `@atlaskit/dropdown-menu` or `@atlaskit/popup`.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.0.5
 
 ### Patch Changes

package/dist/cjs/components/Item/link-item.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _menu = require("@atlaskit/menu");
 var _styles = require("../../common/styles");
 var _context = require("../NestableNavigationContent/context");
-var _excluded = ["cssFn"];
+var _excluded = ["cssFn", "href"];
 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; }
 /**
@@ -30,6 +30,7 @@ var LinkItem = /*#__PURE__*/(0, _react.forwardRef)(
 // Type needed on props to extract types with extract react types.
 function (_ref, ref) {
   var cssFn = _ref.cssFn,
+    href = _ref.href,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useShouldNestedEleme = (0, _context.useShouldNestedElementRender)(),
     shouldRender = _useShouldNestedEleme.shouldRender;
@@ -40,7 +41,8 @@ function (_ref, ref) {
   // eslint-disable-next-line @atlaskit/design-system/no-deprecated-apis, @repo/internal/react/no-unsafe-overrides
   return /*#__PURE__*/_react.default.createElement(_menu.LinkItem, (0, _extends2.default)({
     ref: ref,
-    cssFn: cssOverride
+    cssFn: cssOverride,
+    href: href
   }, rest));
 });
 var _default = exports.default = LinkItem;

package/dist/es2019/components/Item/link-item.js

@@ -18,6 +18,7 @@ const LinkItem = /*#__PURE__*/forwardRef(
 // Type needed on props to extract types with extract react types.
 ({
   cssFn,
+  href,
   ...rest
 }, ref) => {
   const {
@@ -30,7 +31,8 @@ const LinkItem = /*#__PURE__*/forwardRef(
   // eslint-disable-next-line @atlaskit/design-system/no-deprecated-apis, @repo/internal/react/no-unsafe-overrides
   return /*#__PURE__*/React.createElement(Link, _extends({
     ref: ref,
-    cssFn: cssOverride
+    cssFn: cssOverride,
+    href: href
   }, rest));
 });
 export default LinkItem;

package/dist/esm/components/Item/link-item.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["cssFn"];
+var _excluded = ["cssFn", "href"];
 import React, { forwardRef } from 'react';
 import { LinkItem as Link } from '@atlaskit/menu';
 import { baseSideNavItemStyle, overrideStyleFunction } from '../../common/styles';
@@ -20,6 +20,7 @@ var LinkItem = /*#__PURE__*/forwardRef(
 // Type needed on props to extract types with extract react types.
 function (_ref, ref) {
   var cssFn = _ref.cssFn,
+    href = _ref.href,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useShouldNestedEleme = useShouldNestedElementRender(),
     shouldRender = _useShouldNestedEleme.shouldRender;
@@ -30,7 +31,8 @@ function (_ref, ref) {
   // eslint-disable-next-line @atlaskit/design-system/no-deprecated-apis, @repo/internal/react/no-unsafe-overrides
   return /*#__PURE__*/React.createElement(Link, _extends({
     ref: ref,
-    cssFn: cssOverride
+    cssFn: cssOverride,
+    href: href
   }, rest));
 });
 export default LinkItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/side-navigation",
-  "version": "2.0.5",
+  "version": "3.0.1",
   "description": "A highly composable side navigation component that supports nested views.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
@@ -35,11 +27,11 @@
     "@atlaskit/ds-explorations": "^3.0.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/menu": "^1.11.0",
+    "@atlaskit/menu": "^2.1.0",
     "@atlaskit/motion": "^1.5.0",
-    "@atlaskit/primitives": "^1.6.0",
+    "@atlaskit/primitives": "^1.8.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.25.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -81,9 +73,12 @@
       "deprecation": "no-deprecated-imports"
     }
   },
-  "platform-feature-flags": {
-    "platform.design-system-team.menu-selected-state-change_0see9": {
-      "type": "boolean"
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
     }
   },
   "homepage": "https://atlassian.design/components/side-navigation/",