@atlaskit/navigation-system 0.167.2 → 0.167.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlassian/navigation-system
 
+## 0.167.3
+
+### Patch Changes
+
+- [#178797](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178797)
+  [`d82f0a6bd7dd9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d82f0a6bd7dd9) -
+  Removing temporary test ids to the collapse toggle icons for a performance investigation
+
 ## 0.167.2
 
 ### Patch Changes

package/dist/cjs/ui/page-layout/side-nav/toggle-button.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.SideNavToggleButton = void 0;
 require("./toggle-button.compiled.css");
 var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
@@ -99,11 +98,7 @@ var SideNavToggleButton = exports.SideNavToggleButton = function SideNavToggleBu
   var icon = function icon(props) {
     return /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _runtime.ax)(["_1e0c1bgi _lcxvglyw"])
-    }, isSideNavExpanded ? /*#__PURE__*/_react.default.createElement(_sidebarCollapse.default, (0, _extends2.default)({}, props, {
-      testId: testId ? "".concat(testId, "-collapse-icon-temp-do-not-use") : undefined
-    })) : /*#__PURE__*/_react.default.createElement(_sidebarExpand.default, (0, _extends2.default)({}, props, {
-      testId: testId ? "".concat(testId, "-expand-icon-temp-do-not-use") : undefined
-    })));
+    }, isSideNavExpanded ? /*#__PURE__*/_react.default.createElement(_sidebarCollapse.default, props) : /*#__PURE__*/_react.default.createElement(_sidebarExpand.default, props));
   };
   return /*#__PURE__*/_react.default.createElement(_migration.IconButton, {
     appearance: "subtle",

package/dist/es2019/ui/page-layout/side-nav/toggle-button.js

@@ -1,5 +1,4 @@
 /* toggle-button.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./toggle-button.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
@@ -87,11 +86,7 @@ export const SideNavToggleButton = ({
    */
   const icon = props => /*#__PURE__*/React.createElement("span", {
     className: ax(["_1e0c1bgi _lcxvglyw"])
-  }, isSideNavExpanded ? /*#__PURE__*/React.createElement(SidebarCollapseIcon, _extends({}, props, {
-    testId: testId ? `${testId}-collapse-icon-temp-do-not-use` : undefined
-  })) : /*#__PURE__*/React.createElement(SidebarExpandIcon, _extends({}, props, {
-    testId: testId ? `${testId}-expand-icon-temp-do-not-use` : undefined
-  })));
+  }, isSideNavExpanded ? /*#__PURE__*/React.createElement(SidebarCollapseIcon, props) : /*#__PURE__*/React.createElement(SidebarExpandIcon, props));
   return /*#__PURE__*/React.createElement(IconButton, {
     appearance: "subtle",
     label: isSideNavExpanded ? collapseLabel : expandLabel,

package/dist/esm/ui/page-layout/side-nav/toggle-button.js

@@ -1,5 +1,4 @@
 /* toggle-button.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./toggle-button.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -90,11 +89,7 @@ export var SideNavToggleButton = function SideNavToggleButton(_ref) {
   var icon = function icon(props) {
     return /*#__PURE__*/React.createElement("span", {
       className: ax(["_1e0c1bgi _lcxvglyw"])
-    }, isSideNavExpanded ? /*#__PURE__*/React.createElement(SidebarCollapseIcon, _extends({}, props, {
-      testId: testId ? "".concat(testId, "-collapse-icon-temp-do-not-use") : undefined
-    })) : /*#__PURE__*/React.createElement(SidebarExpandIcon, _extends({}, props, {
-      testId: testId ? "".concat(testId, "-expand-icon-temp-do-not-use") : undefined
-    })));
+    }, isSideNavExpanded ? /*#__PURE__*/React.createElement(SidebarCollapseIcon, props) : /*#__PURE__*/React.createElement(SidebarExpandIcon, props));
   };
   return /*#__PURE__*/React.createElement(IconButton, {
     appearance: "subtle",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "0.167.2",
+	"version": "0.167.3",
 	"description": "The latest navigation system for Atlassian products.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -66,7 +66,6 @@
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
 		"team": "ADS: nav4",
-		"runReact18": true,
 		"website": {
 			"name": "Navigation system",
 			"category": "Navigation",

package/src/ui/page-layout/side-nav/toggle-button.tsx

@@ -149,12 +149,10 @@ export const SideNavToggleButton = ({
 			{isSideNavExpanded ? (
 				<SidebarCollapseIcon
 					{...props}
-					testId={testId ? `${testId}-collapse-icon-temp-do-not-use` : undefined}
 				/>
 			) : (
 				<SidebarExpandIcon
 					{...props}
-					testId={testId ? `${testId}-expand-icon-temp-do-not-use` : undefined}
 				/>
 			)}
 		</span>