@carbon/react 1.41.2 → 1.42.0-rc.0

package/lib/components/UIShell/SideNavItem.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+interface SideNavItemProps {
+    /**
+     * Provide a single icon as the child to `SideNavItem` to render in the
+     * container
+     */
+    children: React.ReactNode;
+    /**
+     * Provide an optional class to be applied to the containing node
+     */
+    className?: string;
+    /**
+     * Specify if this is a large variation of the SideNavItem
+     */
+    large?: boolean;
+}
+declare const SideNavItem: React.FC<SideNavItemProps>;
+export default SideNavItem;

package/lib/components/UIShell/SideNavItem.js

@@ -20,7 +20,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function SideNavItem(_ref) {
+const SideNavItem = _ref => {
   let {
     className: customClassName,
     children,
@@ -35,7 +35,7 @@ function SideNavItem(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("li", {
     className: className
   }, children);
-}
+};
 SideNavItem.propTypes = {
   /**
    * Provide a single icon as the child to `SideNavItem` to render in the

package/lib/components/UIShell/SideNavMenu.js

@@ -44,7 +44,7 @@ const SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function S
   const [prevExpanded, setPrevExpanded] = React.useState(defaultExpanded);
   const className = cx__default["default"]({
     [`${prefix}--side-nav__item`]: true,
-    [`${prefix}--side-nav__item--active`]: isActive || hasActiveChild(children) && !isExpanded,
+    [`${prefix}--side-nav__item--active`]: isActive || hasActiveDescendant(children) && !isExpanded,
     [`${prefix}--side-nav__item--icon`]: IconElement,
     [`${prefix}--side-nav__item--large`]: large,
     [customClassName]: !!customClassName
@@ -76,8 +76,7 @@ const SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function S
       type: "button",
       tabIndex: tabIndex === undefined ? !isSideNavExpanded && !isRail ? -1 : 0 : tabIndex
     }, IconElement && /*#__PURE__*/React__default["default"].createElement(SideNavIcon["default"], null, /*#__PURE__*/React__default["default"].createElement(IconElement, null)), /*#__PURE__*/React__default["default"].createElement("span", {
-      className: `${prefix}--side-nav__submenu-title`,
-      title: title
+      className: `${prefix}--side-nav__submenu-title`
     }, title), /*#__PURE__*/React__default["default"].createElement(SideNavIcon["default"], {
       className: `${prefix}--side-nav__submenu-chevron`,
       small: true
@@ -137,7 +136,7 @@ SideNavMenu.propTypes = {
 Defining the children parameter with the type ReactNode | ReactNode[]. This allows for various possibilities:
 a single element, an array of elements, or null or undefined.
 **/
-function hasActiveChild(children) {
+function hasActiveDescendant(children) {
   if (Array.isArray(children)) {
     return children.some(child => {
       if (! /*#__PURE__*/React__default["default"].isValidElement(child)) {
@@ -148,7 +147,7 @@ function hasActiveChild(children) {
       safety when accessing their props.
       **/
       const props = child.props;
-      if (props.isActive === true || props['aria-current']) {
+      if (props.isActive === true || props['aria-current'] || props.children instanceof Array && hasActiveDescendant(props.children)) {
         return true;
       }
       return false;

package/lib/components/UIShell/SideNavMenuItem.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { HTMLAttributes } from 'react';
+interface SideNavMenuItemProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Specify the children to be rendered inside of the `SideNavMenuItem`
+     */
+    children?: React.ReactNode;
+    /**
+     * Provide an optional class to be applied to the containing node
+     */
+    className?: string;
+    /**
+     * Optionally specify whether the link is "active". An active link is one that
+     * has an href that is the same as the current page. Can also pass in
+     * `aria-current="page"`, as well.
+     */
+    isActive?: boolean;
+}
+declare const SideNavMenuItem: React.ForwardRefExoticComponent<SideNavMenuItemProps & React.RefAttributes<HTMLElement>>;
+export default SideNavMenuItem;

package/lib/components/UIShell/SideNavMenuItem.js

@@ -60,6 +60,5 @@ SideNavMenuItem.propTypes = {
    */
   isActive: PropTypes__default["default"].bool
 };
-var SideNavMenuItem$1 = SideNavMenuItem;
 
-exports["default"] = SideNavMenuItem$1;
+exports["default"] = SideNavMenuItem;

package/lib/index.js

@@ -165,7 +165,6 @@ var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
 var ProgressIndicator_Skeleton = require('./components/ProgressIndicator/ProgressIndicator.Skeleton.js');
 var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
 var TextInput = require('./components/TextInput/TextInput.js');
-var TreeNode = require('./components/TreeView/TreeNode.js');
 var TreeView = require('./components/TreeView/TreeView.js');
 var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
 var FluidComboBox = require('./components/FluidComboBox/FluidComboBox.js');
@@ -223,6 +222,7 @@ var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
 var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
 var Switch = require('./components/Switch/Switch.js');
 var IconSwitch = require('./components/Switch/IconSwitch.js');
+var TreeNode = require('./components/TreeView/TreeNode.js');
 var Stack = require('./components/Stack/Stack.js');
 
 
@@ -418,7 +418,6 @@ exports.ModalWrapper = ModalWrapper["default"];
 exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton["default"];
 exports.TextInputSkeleton = TextInput_Skeleton["default"];
 exports.TextInput = TextInput["default"];
-exports.TreeNode = TreeNode["default"];
 exports.TreeView = TreeView["default"];
 exports.ProgressBar = ProgressBar["default"];
 exports.unstable__FluidComboBox = FluidComboBox["default"];
@@ -481,4 +480,5 @@ exports.SkeletonIcon = SkeletonIcon["default"];
 exports.SliderSkeleton = Slider_Skeleton["default"];
 exports.Switch = Switch["default"];
 exports.IconSwitch = IconSwitch["default"];
+exports.TreeNode = TreeNode["default"];
 exports.Stack = Stack.Stack;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.41.2",
+  "version": "1.42.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -18,6 +18,7 @@
     "index.scss",
     "icons/index.js",
     "icons/index.esm.js",
+    "icons/index.d.ts",
     "icons/package.json",
     ".playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json"
   ],
@@ -47,9 +48,9 @@
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.16.0",
-    "@carbon/icons-react": "^11.29.2",
-    "@carbon/layout": "^11.20.1",
-    "@carbon/styles": "^1.41.2",
+    "@carbon/icons-react": "^11.30.0-rc.0",
+    "@carbon/layout": "^11.20.0",
+    "@carbon/styles": "^1.42.0-rc.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
@@ -77,7 +78,7 @@
     "@babel/preset-react": "^7.22.3",
     "@babel/preset-typescript": "^7.21.5",
     "@carbon/test-utils": "^10.30.0",
-    "@carbon/themes": "^11.26.1",
+    "@carbon/themes": "^11.26.0",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -124,7 +125,7 @@
     "storybook-readme": "^5.0.9",
     "stream-browserify": "^3.0.0",
     "style-loader": "^3.3.1",
-    "typescript-config-carbon": "^0.2.1",
+    "typescript-config-carbon": "^0.2.0",
     "webpack": "^5.65.0",
     "webpack-dev-server": "^4.7.4"
   },
@@ -139,5 +140,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "a4709f9f15fd713e910528118e5192faf5a48985"
+  "gitHead": "5f47b0432b76b562cb152b481fe82d21e74da6d9"
 }