@atlaskit/side-navigation 1.6.1 → 1.6.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/side-navigation
 
+## 1.6.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.6.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.6.1
 
 ### Patch Changes

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

@@ -42,13 +42,10 @@ var LoadingItems = function LoadingItems(_ref) {
     key: "loading-section-".concat(isLoading),
     duration: _motion.mediumDurationMs
   }, function (motion, state) {
-    return (
-      // eslint-disable-next-line @repo/internal/react/use-primitives
-      (0, _react.jsx)("span", (0, _extends2.default)({}, motion, {
-        "data-testid": testId && "".concat(testId, "--").concat(state),
-        css: [baseMotionStyles, state === 'entering' && enteringStyles]
-      }), isLoading ? fallback : children)
-    );
+    return (0, _react.jsx)("span", (0, _extends2.default)({}, motion, {
+      "data-testid": testId && "".concat(testId, "--").concat(state),
+      css: [baseMotionStyles, state === 'entering' && enteringStyles]
+    }), isLoading ? fallback : children);
   }));
 };
 var _default = LoadingItems;

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

@@ -10,7 +10,6 @@ var _react2 = require("@emotion/react");
 var _useScrollbarWidth = _interopRequireDefault(require("@atlaskit/ds-lib/use-scrollbar-width"));
 var _context = require("../NestableNavigationContent/context");
 var _styles = require("./styles");
-/* eslint-disable @repo/internal/react/use-primitives */
 /** @jsx jsx */
 
 /**

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

@@ -146,38 +146,32 @@ var NestableNavigationContent = function NestableNavigationContent(props) {
       containerRef.current && containerRef.current.focus();
     }
   };
-  return (
-    // eslint-disable-next-line @repo/internal/react/use-primitives
-    (0, _react2.jsx)("div", {
-      "data-testid": testId,
-      css: nestableNavigationContentStyles,
-      ref: containerRef,
-      tabIndex: -1,
-      onClick: manageFocus
-    }, (0, _react2.jsx)(_motion.ExitingPersistence, null, (0, _react2.jsx)(_nestingMotion.NestingMotion
-    // Key is needed to have a unique react instance per stack name.
-    // This enables us to easily animate it in & out with exiting persistence.
-    , {
-      key: currentStackId,
-      enterFrom: transition === 'nesting' ? 'right' : 'left',
-      exitTo: transition === 'nesting' ? 'left' : 'right',
-      testId: testId && "".concat(testId, "-anim")
-    }, function (motion) {
-      return (
-        // eslint-disable-next-line @repo/internal/react/use-primitives
-        (0, _react2.jsx)("div", (0, _extends2.default)({
-          css: nestingRootStyles
-        }, motion), (0, _react2.jsx)(_context.NestedContext.Provider, {
-          // This provider is inside the NestingMotion to ensure it keeps a stale
-          // reference to the previous value.
-          value: context
-        }, (0, _react2.jsx)(_NestingItem.default, {
-          title: "",
-          id: ROOT_ID
-        }, children)))
-      );
-    })))
-  );
+  return (0, _react2.jsx)("div", {
+    "data-testid": testId,
+    css: nestableNavigationContentStyles,
+    ref: containerRef,
+    tabIndex: -1,
+    onClick: manageFocus
+  }, (0, _react2.jsx)(_motion.ExitingPersistence, null, (0, _react2.jsx)(_nestingMotion.NestingMotion
+  // Key is needed to have a unique react instance per stack name.
+  // This enables us to easily animate it in & out with exiting persistence.
+  , {
+    key: currentStackId,
+    enterFrom: transition === 'nesting' ? 'right' : 'left',
+    exitTo: transition === 'nesting' ? 'left' : 'right',
+    testId: testId && "".concat(testId, "-anim")
+  }, function (motion) {
+    return (0, _react2.jsx)("div", (0, _extends2.default)({
+      css: nestingRootStyles
+    }, motion), (0, _react2.jsx)(_context.NestedContext.Provider, {
+      // This provider is inside the NestingMotion to ensure it keeps a stale
+      // reference to the previous value.
+      value: context
+    }, (0, _react2.jsx)(_NestingItem.default, {
+      title: "",
+      id: ROOT_ID
+    }, children)));
+  })));
 };
 var _default = NestableNavigationContent;
 exports.default = _default;

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

@@ -7,7 +7,6 @@ exports.default = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
-/* eslint-disable @repo/internal/react/use-primitives */
 /** @jsx jsx */
 
 var sidebarMinWidth = '240px';

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/side-navigation",
-	"version": "1.6.1",
+	"version": "1.6.3",
 	"sideEffects": false
 }

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

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @repo/internal/react/use-primitives */
 import React, { forwardRef } from 'react';
 import Box from '@atlaskit/ds-explorations/box';
 import { N500 } from '@atlaskit/theme/colors';

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

@@ -35,9 +35,7 @@ const LoadingItems = ({
   return jsx(ExitingPersistence, null, jsx(FadeIn, {
     key: `loading-section-${isLoading}`,
     duration: mediumDurationMs
-  }, (motion, state) =>
-  // eslint-disable-next-line @repo/internal/react/use-primitives
-  jsx("span", _extends({}, motion, {
+  }, (motion, state) => jsx("span", _extends({}, motion, {
     "data-testid": testId && `${testId}--${state}`,
     css: [baseMotionStyles, state === 'entering' && enteringStyles]
   }), isLoading ? fallback : children)));

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

@@ -1,4 +1,3 @@
-/* eslint-disable @repo/internal/react/use-primitives */
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { jsx } from '@emotion/react';

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

@@ -129,34 +129,29 @@ const NestableNavigationContent = props => {
       containerRef.current && containerRef.current.focus();
     }
   };
-  return (
-    // eslint-disable-next-line @repo/internal/react/use-primitives
-    jsx("div", {
-      "data-testid": testId,
-      css: nestableNavigationContentStyles,
-      ref: containerRef,
-      tabIndex: -1,
-      onClick: manageFocus
-    }, jsx(ExitingPersistence, null, jsx(NestingMotion
-    // Key is needed to have a unique react instance per stack name.
-    // This enables us to easily animate it in & out with exiting persistence.
-    , {
-      key: currentStackId,
-      enterFrom: transition === 'nesting' ? 'right' : 'left',
-      exitTo: transition === 'nesting' ? 'left' : 'right',
-      testId: testId && `${testId}-anim`
-    }, motion =>
-    // eslint-disable-next-line @repo/internal/react/use-primitives
-    jsx("div", _extends({
-      css: nestingRootStyles
-    }, motion), jsx(NestedContext.Provider, {
-      // This provider is inside the NestingMotion to ensure it keeps a stale
-      // reference to the previous value.
-      value: context
-    }, jsx(NestingItem, {
-      title: "",
-      id: ROOT_ID
-    }, children))))))
-  );
+  return jsx("div", {
+    "data-testid": testId,
+    css: nestableNavigationContentStyles,
+    ref: containerRef,
+    tabIndex: -1,
+    onClick: manageFocus
+  }, jsx(ExitingPersistence, null, jsx(NestingMotion
+  // Key is needed to have a unique react instance per stack name.
+  // This enables us to easily animate it in & out with exiting persistence.
+  , {
+    key: currentStackId,
+    enterFrom: transition === 'nesting' ? 'right' : 'left',
+    exitTo: transition === 'nesting' ? 'left' : 'right',
+    testId: testId && `${testId}-anim`
+  }, motion => jsx("div", _extends({
+    css: nestingRootStyles
+  }, motion), jsx(NestedContext.Provider, {
+    // This provider is inside the NestingMotion to ensure it keeps a stale
+    // reference to the previous value.
+    value: context
+  }, jsx(NestingItem, {
+    title: "",
+    id: ROOT_ID
+  }, children))))));
 };
 export default NestableNavigationContent;

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

@@ -1,4 +1,3 @@
-/* eslint-disable @repo/internal/react/use-primitives */
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/side-navigation",
-	"version": "1.6.1",
+	"version": "1.6.3",
 	"sideEffects": false
 }

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

@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"],
   _excluded2 = ["children"];
-/* eslint-disable @repo/internal/react/use-primitives */
 import React, { forwardRef } from 'react';
 import Box from '@atlaskit/ds-explorations/box';
 import { N500 } from '@atlaskit/theme/colors';

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

@@ -34,13 +34,10 @@ var LoadingItems = function LoadingItems(_ref) {
     key: "loading-section-".concat(isLoading),
     duration: mediumDurationMs
   }, function (motion, state) {
-    return (
-      // eslint-disable-next-line @repo/internal/react/use-primitives
-      jsx("span", _extends({}, motion, {
-        "data-testid": testId && "".concat(testId, "--").concat(state),
-        css: [baseMotionStyles, state === 'entering' && enteringStyles]
-      }), isLoading ? fallback : children)
-    );
+    return jsx("span", _extends({}, motion, {
+      "data-testid": testId && "".concat(testId, "--").concat(state),
+      css: [baseMotionStyles, state === 'entering' && enteringStyles]
+    }), isLoading ? fallback : children);
   }));
 };
 export default LoadingItems;

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

@@ -1,4 +1,3 @@
-/* eslint-disable @repo/internal/react/use-primitives */
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { jsx } from '@emotion/react';

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

@@ -137,37 +137,31 @@ var NestableNavigationContent = function NestableNavigationContent(props) {
       containerRef.current && containerRef.current.focus();
     }
   };
-  return (
-    // eslint-disable-next-line @repo/internal/react/use-primitives
-    jsx("div", {
-      "data-testid": testId,
-      css: nestableNavigationContentStyles,
-      ref: containerRef,
-      tabIndex: -1,
-      onClick: manageFocus
-    }, jsx(ExitingPersistence, null, jsx(NestingMotion
-    // Key is needed to have a unique react instance per stack name.
-    // This enables us to easily animate it in & out with exiting persistence.
-    , {
-      key: currentStackId,
-      enterFrom: transition === 'nesting' ? 'right' : 'left',
-      exitTo: transition === 'nesting' ? 'left' : 'right',
-      testId: testId && "".concat(testId, "-anim")
-    }, function (motion) {
-      return (
-        // eslint-disable-next-line @repo/internal/react/use-primitives
-        jsx("div", _extends({
-          css: nestingRootStyles
-        }, motion), jsx(NestedContext.Provider, {
-          // This provider is inside the NestingMotion to ensure it keeps a stale
-          // reference to the previous value.
-          value: context
-        }, jsx(NestingItem, {
-          title: "",
-          id: ROOT_ID
-        }, children)))
-      );
-    })))
-  );
+  return jsx("div", {
+    "data-testid": testId,
+    css: nestableNavigationContentStyles,
+    ref: containerRef,
+    tabIndex: -1,
+    onClick: manageFocus
+  }, jsx(ExitingPersistence, null, jsx(NestingMotion
+  // Key is needed to have a unique react instance per stack name.
+  // This enables us to easily animate it in & out with exiting persistence.
+  , {
+    key: currentStackId,
+    enterFrom: transition === 'nesting' ? 'right' : 'left',
+    exitTo: transition === 'nesting' ? 'left' : 'right',
+    testId: testId && "".concat(testId, "-anim")
+  }, function (motion) {
+    return jsx("div", _extends({
+      css: nestingRootStyles
+    }, motion), jsx(NestedContext.Provider, {
+      // This provider is inside the NestingMotion to ensure it keeps a stale
+      // reference to the previous value.
+      value: context
+    }, jsx(NestingItem, {
+      title: "",
+      id: ROOT_ID
+    }, children)));
+  })));
 };
 export default NestableNavigationContent;

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

@@ -1,4 +1,3 @@
-/* eslint-disable @repo/internal/react/use-primitives */
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/side-navigation",
-	"version": "1.6.1",
+	"version": "1.6.3",
 	"sideEffects": false
 }

package/docs/00-intro.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @repo/internal/react/use-primitives */
 import React from 'react';
 
 import { md } from '@atlaskit/docs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/side-navigation",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "description": "A highly composable side navigation component that supports nested views.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/menu": "^1.5.0",
     "@atlaskit/motion": "^1.3.0",
-    "@atlaskit/primitives": "^0.4.0",
+    "@atlaskit/primitives": "^0.6.0",
     "@atlaskit/theme": "^12.3.0",
     "@atlaskit/tokens": "^1.2.0",
     "@babel/runtime": "^7.0.0",
@@ -39,11 +39,11 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/atlassian-navigation": "^2.3.0",
-    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/atlassian-navigation": "^2.4.0",
+    "@atlaskit/button": "^16.6.0",
     "@atlaskit/docs": "*",
     "@atlaskit/logo": "^13.11.0",
-    "@atlaskit/onboarding": "^10.6.0",
+    "@atlaskit/onboarding": "^10.7.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/select": "^16.1.0",
     "@atlaskit/visual-regression": "*",