@atlaskit/side-navigation 2.0.2 → 2.0.4

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @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
+
+- [`e3b28897c5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3b28897c5f) - Internal code changes. There is no expected change in behaviour.
+- Updated dependencies
+
 ## 2.0.2
 
 ### 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/cjs/components/NavigationFooter/index.js

@@ -1,16 +1,16 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
 var _primitives = require("@atlaskit/primitives");
-/** @jsx jsx */
-
 var navigationFooterStyles = (0, _primitives.xcss)({
   position: 'relative'
 });
+
 /**
  * __Navigation footer__
  *
@@ -21,7 +21,7 @@ var navigationFooterStyles = (0, _primitives.xcss)({
  */
 var NavigationFooter = function NavigationFooter(_ref) {
   var children = _ref.children;
-  return (0, _react.jsx)(_primitives.Box, {
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     padding: "space.100",
     paddingBlockEnd: "space.200",
     xcss: navigationFooterStyles

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/es2019/components/NavigationFooter/index.js

@@ -1,10 +1,9 @@
-/** @jsx jsx */
-
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { Box, xcss } from '@atlaskit/primitives';
 const navigationFooterStyles = xcss({
   position: 'relative'
 });
+
 /**
  * __Navigation footer__
  *
@@ -16,7 +15,7 @@ const navigationFooterStyles = xcss({
 const NavigationFooter = ({
   children
 }) => {
-  return jsx(Box, {
+  return /*#__PURE__*/React.createElement(Box, {
     padding: "space.100",
     paddingBlockEnd: "space.200",
     xcss: navigationFooterStyles

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/esm/components/NavigationFooter/index.js

@@ -1,10 +1,9 @@
-/** @jsx jsx */
-
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { Box, xcss } from '@atlaskit/primitives';
 var navigationFooterStyles = xcss({
   position: 'relative'
 });
+
 /**
  * __Navigation footer__
  *
@@ -15,7 +14,7 @@ var navigationFooterStyles = xcss({
  */
 var NavigationFooter = function NavigationFooter(_ref) {
   var children = _ref.children;
-  return jsx(Box, {
+  return /*#__PURE__*/React.createElement(Box, {
     padding: "space.100",
     paddingBlockEnd: "space.200",
     xcss: navigationFooterStyles

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/components/NavigationFooter/index.d.ts

@@ -1,6 +1,4 @@
-/** @jsx jsx */
 import { ReactNode } from 'react';
-import { jsx } from '@emotion/react';
 export interface NavigationFooterProps {
     children: ReactNode;
 }
@@ -12,5 +10,5 @@ export interface NavigationFooterProps {
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
  * - [Code](https://atlassian.design/components/side-navigation/code)
  */
-declare const NavigationFooter: ({ children }: NavigationFooterProps) => jsx.JSX.Element;
+declare const NavigationFooter: ({ children }: NavigationFooterProps) => JSX.Element;
 export default NavigationFooter;

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/dist/types-ts4.5/components/NavigationFooter/index.d.ts

@@ -1,6 +1,4 @@
-/** @jsx jsx */
 import { ReactNode } from 'react';
-import { jsx } from '@emotion/react';
 export interface NavigationFooterProps {
     children: ReactNode;
 }
@@ -12,5 +10,5 @@ export interface NavigationFooterProps {
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
  * - [Code](https://atlassian.design/components/side-navigation/code)
  */
-declare const NavigationFooter: ({ children }: NavigationFooterProps) => jsx.JSX.Element;
+declare const NavigationFooter: ({ children }: NavigationFooterProps) => JSX.Element;
 export default NavigationFooter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/side-navigation",
-  "version": "2.0.2",
+  "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.2.0",
-    "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.18.0",
+    "@atlaskit/primitives": "^1.4.0",
+    "@atlaskit/theme": "^12.6.0",
+    "@atlaskit/tokens": "^1.21.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },

package/report.api.md

@@ -152,7 +152,7 @@ export interface NavigationContentProps {
 // @public
 export const NavigationFooter: ({
   children,
-}: NavigationFooterProps) => jsx.JSX.Element;
+}: NavigationFooterProps) => JSX.Element;
 
 // @public (undocumented)
 export interface NavigationFooterProps {

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

@@ -109,7 +109,7 @@ export interface NavigationContentProps {
 }
 
 // @public
-export const NavigationFooter: ({ children }: NavigationFooterProps) => jsx.JSX.Element;
+export const NavigationFooter: ({ children }: NavigationFooterProps) => JSX.Element;
 
 // @public (undocumented)
 export interface NavigationFooterProps {