@instructure/ui-navigation 8.38.2-snapshot-7 → 8.39.0

package/CHANGELOG.md

@@ -3,9 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.38.2-snapshot-7](https://github.com/instructure/instructure-ui/compare/v8.38.1...v8.38.2-snapshot-7) (2023-07-21)
+# [8.39.0](https://github.com/instructure/instructure-ui/compare/v8.38.1...v8.39.0) (2023-07-21)
 
-**Note:** Version bump only for package @instructure/ui-navigation
+
+### Features
+
+* **instui-config,shared-types,ui-navigation,ui-side-nav-bar,ui:** add side-nav-bar component and deprecate navigation ([45848bf](https://github.com/instructure/instructure-ui/commit/45848bf5feea16e05c19e559c03e53e4b0637412))
 
 
 

package/es/Navigation/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _dec3, _class, _class2;
 /*
  * The MIT License (MIT)
  *
@@ -25,7 +25,7 @@ var _dec, _dec2, _class, _class2;
 /** @jsx jsx */
 import React, { Component, Children } from 'react';
 import { testable } from '@instructure/ui-testable';
-import { omitProps, safeCloneElement } from '@instructure/ui-react-utils';
+import { omitProps, safeCloneElement, deprecated } from '@instructure/ui-react-utils';
 import { IconMoveStartLine } from '@instructure/ui-icons';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { withStyle, jsx } from '@instructure/emotion';
@@ -41,11 +41,11 @@ const navMinimized = ({
 
 /**
 ---
-category: components
+category: components/deprecated
 ---
 @tsProps
 **/
-let Navigation = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class Navigation extends Component {
+let Navigation = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec3 = deprecated('9.0.0', null, 'This component is deprecated and will be removed in a later version. Use <SideNavBar /> instead.'), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Navigation extends Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -125,6 +125,6 @@ let Navigation = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
   defaultMinimized: false,
   // TODO we should investigate later if it used or not
   onClick: function (_e) {}
-}, _class2.Item = NavigationItem, _class2)) || _class) || _class);
+}, _class2.Item = NavigationItem, _class2)) || _class) || _class) || _class);
 export default Navigation;
 export { Navigation, NavigationItem };

package/lib/Navigation/index.js

@@ -17,6 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _testable = require("@instructure/ui-testable/lib/testable.js");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
+var _deprecated = require("@instructure/ui-react-utils/lib/deprecated.js");
 var _IconMoveStartLine = require("@instructure/ui-icons/lib/IconMoveStartLine.js");
 var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
 var _emotion = require("@instructure/emotion");
@@ -24,7 +25,7 @@ var _NavigationItem = require("./NavigationItem");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _dec3, _class, _class2;
 /*
  * The MIT License (MIT)
  *
@@ -57,11 +58,11 @@ const navMinimized = ({
 
 /**
 ---
-category: components
+category: components/deprecated
 ---
 @tsProps
 **/
-let Navigation = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Navigation extends _react.Component {
+let Navigation = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec3 = (0, _deprecated.deprecated)('9.0.0', null, 'This component is deprecated and will be removed in a later version. Use <SideNavBar /> instead.'), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Navigation extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -141,7 +142,7 @@ let Navigation = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   defaultMinimized: false,
   // TODO we should investigate later if it used or not
   onClick: function (_e) {}
-}, _class2.Item = _NavigationItem.NavigationItem, _class2)) || _class) || _class);
+}, _class2.Item = _NavigationItem.NavigationItem, _class2)) || _class) || _class) || _class);
 exports.Navigation = Navigation;
 var _default = Navigation;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-navigation",
-  "version": "8.38.2-snapshot-7",
+  "version": "8.39.0",
   "description": "Main and application level navigational components",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,32 +23,32 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.38.2-snapshot-7",
-    "@instructure/ui-color-utils": "8.38.2-snapshot-7",
-    "@instructure/ui-test-locator": "8.38.2-snapshot-7",
-    "@instructure/ui-test-utils": "8.38.2-snapshot-7",
-    "@instructure/ui-themes": "8.38.2-snapshot-7"
+    "@instructure/ui-babel-preset": "8.39.0",
+    "@instructure/ui-color-utils": "8.39.0",
+    "@instructure/ui-test-locator": "8.39.0",
+    "@instructure/ui-test-utils": "8.39.0",
+    "@instructure/ui-themes": "8.39.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.22.6",
-    "@instructure/console": "8.38.2-snapshot-7",
-    "@instructure/debounce": "8.38.2-snapshot-7",
-    "@instructure/emotion": "8.38.2-snapshot-7",
-    "@instructure/shared-types": "8.38.2-snapshot-7",
-    "@instructure/ui-a11y-content": "8.38.2-snapshot-7",
-    "@instructure/ui-a11y-utils": "8.38.2-snapshot-7",
-    "@instructure/ui-badge": "8.38.2-snapshot-7",
-    "@instructure/ui-dom-utils": "8.38.2-snapshot-7",
-    "@instructure/ui-focusable": "8.38.2-snapshot-7",
-    "@instructure/ui-icons": "8.38.2-snapshot-7",
-    "@instructure/ui-menu": "8.38.2-snapshot-7",
-    "@instructure/ui-prop-types": "8.38.2-snapshot-7",
-    "@instructure/ui-react-utils": "8.38.2-snapshot-7",
-    "@instructure/ui-testable": "8.38.2-snapshot-7",
-    "@instructure/ui-tooltip": "8.38.2-snapshot-7",
-    "@instructure/ui-truncate-list": "8.38.2-snapshot-7",
-    "@instructure/ui-utils": "8.38.2-snapshot-7",
-    "@instructure/ui-view": "8.38.2-snapshot-7",
+    "@instructure/console": "8.39.0",
+    "@instructure/debounce": "8.39.0",
+    "@instructure/emotion": "8.39.0",
+    "@instructure/shared-types": "8.39.0",
+    "@instructure/ui-a11y-content": "8.39.0",
+    "@instructure/ui-a11y-utils": "8.39.0",
+    "@instructure/ui-badge": "8.39.0",
+    "@instructure/ui-dom-utils": "8.39.0",
+    "@instructure/ui-focusable": "8.39.0",
+    "@instructure/ui-icons": "8.39.0",
+    "@instructure/ui-menu": "8.39.0",
+    "@instructure/ui-prop-types": "8.39.0",
+    "@instructure/ui-react-utils": "8.39.0",
+    "@instructure/ui-testable": "8.39.0",
+    "@instructure/ui-tooltip": "8.39.0",
+    "@instructure/ui-truncate-list": "8.39.0",
+    "@instructure/ui-utils": "8.39.0",
+    "@instructure/ui-view": "8.39.0",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/Navigation/README.md

@@ -4,7 +4,18 @@ describes: Navigation
 
 A top-level `Navigation` component.
 
-> Note that this component is experimental and its API might change significantly in the future.
+```js
+---
+embed: true
+---
+<ToggleBlockquote
+  summary="DEPRECATED"
+>
+  <ToggleBlockquote.Paragraph>
+    This component is deprecated. Please use <Link href="#SideNavBar">SideNavBar</Link> instead.
+  </ToggleBlockquote.Paragraph>
+</ToggleBlockquote>
+```
 
 ```js
 ---

package/src/Navigation/index.tsx

@@ -26,7 +26,11 @@ import React, { Component, Children, ReactElement } from 'react'
 
 import { testable } from '@instructure/ui-testable'
 
-import { omitProps, safeCloneElement } from '@instructure/ui-react-utils'
+import {
+  omitProps,
+  safeCloneElement,
+  deprecated
+} from '@instructure/ui-react-utils'
 import { IconMoveStartLine } from '@instructure/ui-icons'
 import { ScreenReaderContent } from '@instructure/ui-a11y-content'
 import { withStyle, jsx } from '@instructure/emotion'
@@ -44,13 +48,18 @@ const navMinimized = ({ minimized }: { minimized: boolean }) => ({
 
 /**
 ---
-category: components
+category: components/deprecated
 ---
 @tsProps
 **/
 
 @withStyle(generateStyle, generateComponentTheme)
 @testable()
+@deprecated(
+  '9.0.0',
+  null,
+  'This component is deprecated and will be removed in a later version. Use <SideNavBar /> instead.'
+)
 class Navigation extends Component<NavigationProps, NavigationState> {
   static readonly componentId = 'Navigation'