@atlaskit/side-navigation 2.0.3 → 2.0.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/side-navigation
 
+## 2.0.4
+
+### Patch Changes
+
+- [`879275819ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/879275819ed) - Fix for `data-testid` not being applied to Header.
+
 ## 2.0.3
 
 ### Patch Changes

package/dist/cjs/components/Header/index.js

@@ -14,7 +14,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _typography = require("@atlaskit/theme/typography");
 var _styles = require("../../common/styles");
 var _Item = require("../Item");
-var _excluded = ["children"],
+var _excluded = ["children", "data-testid"],
   _excluded2 = ["children"];
 /** @jsx jsx */
 var containerStyles = (0, _react2.css)({
@@ -29,11 +29,11 @@ var containerStyles = (0, _react2.css)({
  */
 var Container = function Container(_ref) {
   var children = _ref.children,
+    testId = _ref['data-testid'],
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // https://stackoverflow.com/a/39333479
   var safeProps = function (_ref2) {
     var className = _ref2.className,
-      testId = _ref2['data-testid'],
       onClick = _ref2.onClick,
       onMouseDown = _ref2.onMouseDown,
       onDragStart = _ref2.onDragStart,
@@ -43,7 +43,6 @@ var Container = function Container(_ref) {
       disabled = _ref2.disabled;
     return {
       className: className,
-      testId: testId,
       onClick: onClick,
       onMouseDown: onMouseDown,
       onDragStart: onDragStart,
@@ -54,6 +53,7 @@ var Container = function Container(_ref) {
     };
   }(props);
   return (0, _react2.jsx)("div", (0, _extends2.default)({
+    "data-testid": testId,
     css: containerStyles
   }, safeProps), children);
 };

package/dist/es2019/components/Header/index.js

@@ -18,12 +18,12 @@ const containerStyles = css({
  */
 export const Container = ({
   children,
+  'data-testid': testId,
   ...props
 }) => {
   // https://stackoverflow.com/a/39333479
   const safeProps = (({
     className,
-    'data-testid': testId,
     onClick,
     onMouseDown,
     onDragStart,
@@ -33,7 +33,6 @@ export const Container = ({
     disabled
   }) => ({
     className,
-    testId,
     onClick,
     onMouseDown,
     onDragStart,
@@ -43,6 +42,7 @@ export const Container = ({
     disabled
   }))(props);
   return jsx("div", _extends({
+    "data-testid": testId,
     css: containerStyles
   }, safeProps), children);
 };

package/dist/esm/components/Header/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"],
+var _excluded = ["children", "data-testid"],
   _excluded2 = ["children"];
 /** @jsx jsx */
 import { forwardRef } from 'react';
@@ -22,11 +22,11 @@ var containerStyles = css({
  */
 export var Container = function Container(_ref) {
   var children = _ref.children,
+    testId = _ref['data-testid'],
     props = _objectWithoutProperties(_ref, _excluded);
   // https://stackoverflow.com/a/39333479
   var safeProps = function (_ref2) {
     var className = _ref2.className,
-      testId = _ref2['data-testid'],
       onClick = _ref2.onClick,
       onMouseDown = _ref2.onMouseDown,
       onDragStart = _ref2.onDragStart,
@@ -36,7 +36,6 @@ export var Container = function Container(_ref) {
       disabled = _ref2.disabled;
     return {
       className: className,
-      testId: testId,
       onClick: onClick,
       onMouseDown: onMouseDown,
       onDragStart: onDragStart,
@@ -47,6 +46,7 @@ export var Container = function Container(_ref) {
     };
   }(props);
   return jsx("div", _extends({
+    "data-testid": testId,
     css: containerStyles
   }, safeProps), children);
 };

package/dist/types/components/Header/index.d.ts

@@ -6,7 +6,7 @@ import { CSSFn, CustomItemComponentProps } from '@atlaskit/menu';
  *
  * A container for Header and Footer that safely handles props to the child component
  */
-export declare const Container: ({ children, ...props }: CustomItemComponentProps) => jsx.JSX.Element;
+export declare const Container: ({ children, "data-testid": testId, ...props }: CustomItemComponentProps) => jsx.JSX.Element;
 export type HeaderProps = {
     /**
      * A function that can be used to override the styles of the component.

package/dist/types-ts4.5/components/Header/index.d.ts

@@ -6,7 +6,7 @@ import { CSSFn, CustomItemComponentProps } from '@atlaskit/menu';
  *
  * A container for Header and Footer that safely handles props to the child component
  */
-export declare const Container: ({ children, ...props }: CustomItemComponentProps) => jsx.JSX.Element;
+export declare const Container: ({ children, "data-testid": testId, ...props }: CustomItemComponentProps) => jsx.JSX.Element;
 export type HeaderProps = {
     /**
      * A function that can be used to override the styles of the component.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/side-navigation",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "A highly composable side navigation component that supports nested views.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,9 +37,9 @@
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/menu": "^1.10.0",
     "@atlaskit/motion": "^1.4.0",
-    "@atlaskit/primitives": "^1.3.0",
+    "@atlaskit/primitives": "^1.4.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.18.0",
+    "@atlaskit/tokens": "^1.21.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },