@instructure/ui-side-nav-bar 8.56.0 → 8.56.2-pr-snapshot-1721749364069

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-side-nav-bar
+
+
+
+
+
+## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
+
+**Note:** Version bump only for package @instructure/ui-side-nav-bar
+
+
+
+
+
 # [8.56.0](https://github.com/instructure/instructure-ui/compare/v8.55.1...v8.56.0) (2024-05-06)
 
 **Note:** Version bump only for package @instructure/ui-side-nav-bar

package/lib/SideNavBar/SideNavBarItem/SideNavBarItemLocator.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SideNavBarItemLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-var _TooltipLocator = require("@instructure/ui-tooltip/lib/Tooltip/TooltipLocator");
+var _uiTestLocator = require("@instructure/ui-test-locator");
+var _TooltipLocator = require("@instructure/ui-tooltip/es/Tooltip/TooltipLocator");
 var _index = require("./index");
 /*
  * The MIT License (MIT)
@@ -35,6 +35,6 @@ var _index = require("./index");
 // eslint-disable-next-line no-restricted-imports
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const SideNavBarItemLocator = exports.SideNavBarItemLocator = (0, _locator.locator)(_index.SideNavBarItem.selector, {
+const SideNavBarItemLocator = exports.SideNavBarItemLocator = (0, _uiTestLocator.locator)(_index.SideNavBarItem.selector, {
   findTooltipContent: (...args) => _TooltipLocator.TooltipLocator.findContent(...args)
 });

package/lib/SideNavBar/SideNavBarItem/index.js

@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SideNavBarItem = void 0;
 var _react = require("react");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-var _Tooltip = require("@instructure/ui-tooltip/lib/Tooltip");
-var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiTooltip = require("@instructure/ui-tooltip");
+var _uiA11yUtils = require("@instructure/ui-a11y-utils");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -46,7 +45,7 @@ parent: SideNavBar
 id: SideNavBar.Item
 ---
 **/
-let SideNavBarItem = exports.SideNavBarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class SideNavBarItem extends _react.Component {
+let SideNavBarItem = exports.SideNavBarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class SideNavBarItem extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -72,13 +71,13 @@ let SideNavBarItem = exports.SideNavBarItem = (_dec = (0, _emotion.withStyle)(_s
   }
   renderLink(addRef) {
     var _this$props$styles, _this$props$styles2, _this$props$styles3;
-    const ElementType = (0, _getElementType.getElementType)(SideNavBarItem, this.props);
+    const ElementType = (0, _uiReactUtils.getElementType)(SideNavBarItem, this.props);
     const _this$props3 = this.props,
       href = _this$props3.href,
       onClick = _this$props3.onClick,
       icon = _this$props3.icon,
       label = _this$props3.label;
-    const props = (0, _omitProps.omitProps)(this.props, SideNavBarItem.allowedProps);
+    const props = (0, _uiReactUtils.omitProps)(this.props, SideNavBarItem.allowedProps);
     return (0, _emotion.jsx)(ElementType, Object.assign({}, props, {
       href: href,
       onClick: onClick,
@@ -96,9 +95,9 @@ let SideNavBarItem = exports.SideNavBarItem = (_dec = (0, _emotion.withStyle)(_s
     const _this$props4 = this.props,
       minimized = _this$props4.minimized,
       label = _this$props4.label;
-    const hasTooltip = minimized && (0, _hasVisibleChildren.hasVisibleChildren)(label);
+    const hasTooltip = minimized && (0, _uiA11yUtils.hasVisibleChildren)(label);
     const link = this.renderLink(!hasTooltip);
-    return hasTooltip ? (0, _emotion.jsx)(_Tooltip.Tooltip, {
+    return hasTooltip ? (0, _emotion.jsx)(_uiTooltip.Tooltip, {
       renderTip: label,
       placement: "end",
       elementRef: this.handleRef

package/lib/SideNavBar/SideNavBarLocator.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "SideNavBarItemLocator", {
   }
 });
 exports.SideNavBarLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
+var _uiTestLocator = require("@instructure/ui-test-locator");
 var _index = require("./index");
 var _SideNavBarItemLocator = require("./SideNavBarItem/SideNavBarItemLocator");
 /*
@@ -38,7 +38,7 @@ var _SideNavBarItemLocator = require("./SideNavBarItem/SideNavBarItemLocator");
  */
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const SideNavBarLocator = exports.SideNavBarLocator = (0, _locator.locator)(_index.SideNavBar.selector, {
+const SideNavBarLocator = exports.SideNavBarLocator = (0, _uiTestLocator.locator)(_index.SideNavBar.selector, {
   findAllItems: (...args) => {
     return _SideNavBarItemLocator.SideNavBarItemLocator.findAll(...args);
   },

package/lib/SideNavBar/index.js

@@ -14,11 +14,10 @@ Object.defineProperty(exports, "SideNavBarItem", {
 });
 exports.default = void 0;
 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 _IconMoveStartLine = require("@instructure/ui-icons/lib/IconMoveStartLine.js");
-var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiIcons = require("@instructure/ui-icons");
+var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
 var _SideNavBarItem = require("./SideNavBarItem");
 var _styles = _interopRequireDefault(require("./styles"));
@@ -60,7 +59,7 @@ const navMinimized = ({
 category: components
 ---
 **/
-let SideNavBar = exports.SideNavBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class SideNavBar extends _react.Component {
+let SideNavBar = exports.SideNavBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class SideNavBar extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -100,7 +99,7 @@ let SideNavBar = exports.SideNavBar = (_dec = (0, _emotion.withStyle)(_styles.de
   renderChildren() {
     return _react.Children.map(this.props.children, child => {
       var _this$props$styles;
-      const navItem = (0, _safeCloneElement.safeCloneElement)(child, {
+      const navItem = (0, _uiReactUtils.safeCloneElement)(child, {
         minimized: this.state.minimized
       });
       return (0, _emotion.jsx)("li", {
@@ -114,7 +113,7 @@ let SideNavBar = exports.SideNavBar = (_dec = (0, _emotion.withStyle)(_styles.de
   render() {
     var _this$props$styles2, _this$props$styles3, _this$props$styles4;
     const label = this.props.label;
-    const props = (0, _omitProps.omitProps)(this.props, SideNavBar.allowedProps, ['minimized']);
+    const props = (0, _uiReactUtils.omitProps)(this.props, SideNavBar.allowedProps, ['minimized']);
     return (0, _emotion.jsx)("nav", Object.assign({}, props, {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.navigation,
       "aria-label": label,
@@ -126,11 +125,11 @@ let SideNavBar = exports.SideNavBar = (_dec = (0, _emotion.withStyle)(_styles.de
     }, this.renderChildren()), (0, _emotion.jsx)(_SideNavBarItem.SideNavBarItem, {
       "aria-expanded": !this.minimized,
       onClick: this.handleNavToggle,
-      icon: (0, _emotion.jsx)(_IconMoveStartLine.IconMoveStartLine, {
+      icon: (0, _emotion.jsx)(_uiIcons.IconMoveStartLine, {
         css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.toggleIcon,
         inline: false
       }),
-      label: (0, _emotion.jsx)(_ScreenReaderContent.ScreenReaderContent, null, this.toggleMessage())
+      label: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, this.toggleMessage())
     }));
   }
 }, _class2.displayName = "SideNavBar", _class2.componentId = 'SideNavBar', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {

package/lib/SideNavBar/props.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
 var _SideNavBarItem = require("./SideNavBarItem");
 /*
  * The MIT License (MIT)
@@ -34,8 +33,8 @@ var _SideNavBarItem = require("./SideNavBarItem");
  */
 
 const propTypes = exports.propTypes = {
-  children: _Children.Children.oneOf([_SideNavBarItem.SideNavBarItem]),
-  minimized: (0, _controllable.controllable)(_propTypes.default.bool, 'onMinimized', 'defaultMinimized'),
+  children: _uiPropTypes.Children.oneOf([_SideNavBarItem.SideNavBarItem]),
+  minimized: (0, _uiPropTypes.controllable)(_propTypes.default.bool, 'onMinimized', 'defaultMinimized'),
   defaultMinimized: _propTypes.default.bool,
   onMinimized: _propTypes.default.func,
   label: _propTypes.default.string.isRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-side-nav-bar",
-  "version": "8.56.0",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "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.56.0",
-    "@instructure/ui-color-utils": "8.56.0",
-    "@instructure/ui-test-locator": "8.56.0",
-    "@instructure/ui-test-utils": "8.56.0",
-    "@instructure/ui-themes": "8.56.0"
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-color-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-locator": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-themes": "8.56.2-pr-snapshot-1721749364069"
   },
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.56.0",
-    "@instructure/debounce": "8.56.0",
-    "@instructure/emotion": "8.56.0",
-    "@instructure/shared-types": "8.56.0",
-    "@instructure/ui-a11y-content": "8.56.0",
-    "@instructure/ui-a11y-utils": "8.56.0",
-    "@instructure/ui-badge": "8.56.0",
-    "@instructure/ui-dom-utils": "8.56.0",
-    "@instructure/ui-focusable": "8.56.0",
-    "@instructure/ui-icons": "8.56.0",
-    "@instructure/ui-menu": "8.56.0",
-    "@instructure/ui-prop-types": "8.56.0",
-    "@instructure/ui-react-utils": "8.56.0",
-    "@instructure/ui-testable": "8.56.0",
-    "@instructure/ui-tooltip": "8.56.0",
-    "@instructure/ui-truncate-list": "8.56.0",
-    "@instructure/ui-utils": "8.56.0",
-    "@instructure/ui-view": "8.56.0",
+    "@instructure/console": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/debounce": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/emotion": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-a11y-content": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-a11y-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-badge": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-dom-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-focusable": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-icons": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-menu": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-prop-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-tooltip": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-truncate-list": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-view": "8.56.2-pr-snapshot-1721749364069",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {