@carbon/react 1.38.0-rc.0 → 1.38.0

package/es/components/DataTable/DataTable.js

@@ -261,7 +261,7 @@ class DataTable extends React__default.Component {
           checked: row.isSelected,
           onSelect: composeEventHandlers([_this.handleOnSelectRow(row.id), onClick]),
           id: `${_this.getTablePrefix()}__select-row-${row.id}`,
-          name: `select-row-${row.id}`,
+          name: `select-row`,
           ariaLabel: t(translationKey),
           disabled: row.disabled,
           radio: _this.props.radio || null

package/es/components/ListBox/ListBoxMenuItem.js

@@ -14,10 +14,11 @@ import { usePrefix } from '../../internal/usePrefix.js';
 function useIsTruncated(ref) {
   const [isTruncated, setIsTruncated] = useState(false);
   useEffect(() => {
+    const element = ref.current;
     const {
       offsetWidth,
       scrollWidth
-    } = ref.current;
+    } = element.lastElementChild?.lastElementChild || element;
     setIsTruncated(offsetWidth < scrollWidth);
   }, [ref, setIsTruncated]);
   return isTruncated;

package/es/components/Notification/Notification.js

@@ -510,6 +510,7 @@ function ActionableNotification(_ref6) {
   const [isOpen, setIsOpen] = useState(true);
   const prefix = usePrefix();
   const id = useId('actionable-notification');
+  const subtitleId = useId('actionable-notification-subtitle');
   const containerClassName = cx(className, {
     [`${prefix}--actionable-notification`]: true,
     [`${prefix}--actionable-notification--toast`]: !inline,
@@ -540,7 +541,7 @@ function ActionableNotification(_ref6) {
     ref: ref,
     role: role,
     className: containerClassName,
-    "aria-labelledby": title ? id : undefined
+    "aria-labelledby": title ? id : subtitleId
   }), /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--actionable-notification__details`
   }, /*#__PURE__*/React__default.createElement(NotificationIcon, {
@@ -555,7 +556,8 @@ function ActionableNotification(_ref6) {
     className: `${prefix}--actionable-notification__title`,
     id: id
   }, title), subtitle && /*#__PURE__*/React__default.createElement("div", {
-    className: `${prefix}--actionable-notification__subtitle`
+    className: `${prefix}--actionable-notification__subtitle`,
+    id: subtitleId
   }, subtitle), children))), actionButtonLabel && /*#__PURE__*/React__default.createElement(NotificationActionButton, {
     onClick: onActionButtonClick,
     inline: inline

package/es/components/UIShell/HeaderMenuItem.d.ts

@@ -4,7 +4,7 @@
  * 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, { type ComponentProps, type ReactNode, ElementType } from 'react';
+import { type ComponentProps, type ForwardedRef, type ReactNode, ElementType, WeakValidationMap } from 'react';
 import { LinkProps } from './Link';
 type HeaderMenuItemProps<E extends ElementType> = LinkProps<E> & {
     className?: string | undefined;
@@ -15,8 +15,12 @@ type HeaderMenuItemProps<E extends ElementType> = LinkProps<E> & {
     role?: ComponentProps<'li'>['role'];
     tabIndex?: number | undefined;
 };
-declare const HeaderMenuItem: (<E extends React.ElementType<any> = "a">(props: HeaderMenuItemProps<E>) => JSX.Element) & {
-    displayName?: string | undefined;
-    propTypes?: React.WeakValidationMap<HeaderMenuItemProps<any>> | undefined;
-};
+export interface HeaderMenuItemComponent {
+    <E extends ElementType = 'a'>(props: HeaderMenuItemProps<E> & {
+        ref?: ForwardedRef<ElementType>;
+    }): JSX.Element | null;
+    displayName?: string;
+    propTypes?: WeakValidationMap<HeaderMenuItemProps<any>>;
+}
+declare const HeaderMenuItem: HeaderMenuItemComponent;
 export default HeaderMenuItem;

package/es/components/UIShell/HeaderMenuItem.js

@@ -13,7 +13,7 @@ import Link, { LinkPropTypes } from './Link.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
 
-function HeaderMenuItemRenderFunction(_ref, ref) {
+const HeaderMenuItem = /*#__PURE__*/forwardRef(function HeaderMenuItemRenderFunction(_ref, ref) {
   let {
     className,
     isActive,
@@ -45,8 +45,7 @@ function HeaderMenuItemRenderFunction(_ref, ref) {
   }), /*#__PURE__*/React__default.createElement("span", {
     className: `${prefix}--text-truncate--end`
   }, children)));
-}
-const HeaderMenuItem = /*#__PURE__*/forwardRef(HeaderMenuItemRenderFunction);
+});
 HeaderMenuItem.displayName = 'HeaderMenuItem';
 HeaderMenuItem.propTypes = {
   /**

package/lib/components/DataTable/DataTable.js

@@ -271,7 +271,7 @@ class DataTable extends React__default["default"].Component {
           checked: row.isSelected,
           onSelect: events.composeEventHandlers([_this.handleOnSelectRow(row.id), onClick]),
           id: `${_this.getTablePrefix()}__select-row-${row.id}`,
-          name: `select-row-${row.id}`,
+          name: `select-row`,
           ariaLabel: t(translationKey),
           disabled: row.disabled,
           radio: _this.props.radio || null

package/lib/components/ListBox/ListBoxMenuItem.js

@@ -24,10 +24,11 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 function useIsTruncated(ref) {
   const [isTruncated, setIsTruncated] = React.useState(false);
   React.useEffect(() => {
+    const element = ref.current;
     const {
       offsetWidth,
       scrollWidth
-    } = ref.current;
+    } = element.lastElementChild?.lastElementChild || element;
     setIsTruncated(offsetWidth < scrollWidth);
   }, [ref, setIsTruncated]);
   return isTruncated;

package/lib/components/Notification/Notification.js

@@ -520,6 +520,7 @@ function ActionableNotification(_ref6) {
   const [isOpen, setIsOpen] = React.useState(true);
   const prefix = usePrefix.usePrefix();
   const id = useId.useId('actionable-notification');
+  const subtitleId = useId.useId('actionable-notification-subtitle');
   const containerClassName = cx__default["default"](className, {
     [`${prefix}--actionable-notification`]: true,
     [`${prefix}--actionable-notification--toast`]: !inline,
@@ -550,7 +551,7 @@ function ActionableNotification(_ref6) {
     ref: ref,
     role: role,
     className: containerClassName,
-    "aria-labelledby": title ? id : undefined
+    "aria-labelledby": title ? id : subtitleId
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--actionable-notification__details`
   }, /*#__PURE__*/React__default["default"].createElement(NotificationIcon, {
@@ -565,7 +566,8 @@ function ActionableNotification(_ref6) {
     className: `${prefix}--actionable-notification__title`,
     id: id
   }, title), subtitle && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${prefix}--actionable-notification__subtitle`
+    className: `${prefix}--actionable-notification__subtitle`,
+    id: subtitleId
   }, subtitle), children))), actionButtonLabel && /*#__PURE__*/React__default["default"].createElement(NotificationActionButton, {
     onClick: onActionButtonClick,
     inline: inline

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

@@ -4,7 +4,7 @@
  * 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, { type ComponentProps, type ReactNode, ElementType } from 'react';
+import { type ComponentProps, type ForwardedRef, type ReactNode, ElementType, WeakValidationMap } from 'react';
 import { LinkProps } from './Link';
 type HeaderMenuItemProps<E extends ElementType> = LinkProps<E> & {
     className?: string | undefined;
@@ -15,8 +15,12 @@ type HeaderMenuItemProps<E extends ElementType> = LinkProps<E> & {
     role?: ComponentProps<'li'>['role'];
     tabIndex?: number | undefined;
 };
-declare const HeaderMenuItem: (<E extends React.ElementType<any> = "a">(props: HeaderMenuItemProps<E>) => JSX.Element) & {
-    displayName?: string | undefined;
-    propTypes?: React.WeakValidationMap<HeaderMenuItemProps<any>> | undefined;
-};
+export interface HeaderMenuItemComponent {
+    <E extends ElementType = 'a'>(props: HeaderMenuItemProps<E> & {
+        ref?: ForwardedRef<ElementType>;
+    }): JSX.Element | null;
+    displayName?: string;
+    propTypes?: WeakValidationMap<HeaderMenuItemProps<any>>;
+}
+declare const HeaderMenuItem: HeaderMenuItemComponent;
 export default HeaderMenuItem;

package/lib/components/UIShell/HeaderMenuItem.js

@@ -23,7 +23,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-function HeaderMenuItemRenderFunction(_ref, ref) {
+const HeaderMenuItem = /*#__PURE__*/React.forwardRef(function HeaderMenuItemRenderFunction(_ref, ref) {
   let {
     className,
     isActive,
@@ -55,8 +55,7 @@ function HeaderMenuItemRenderFunction(_ref, ref) {
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     className: `${prefix}--text-truncate--end`
   }, children)));
-}
-const HeaderMenuItem = /*#__PURE__*/React.forwardRef(HeaderMenuItemRenderFunction);
+});
 HeaderMenuItem.displayName = 'HeaderMenuItem';
 HeaderMenuItem.propTypes = {
   /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.38.0-rc.0",
+  "version": "1.38.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -47,9 +47,9 @@
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.16.0",
-    "@carbon/icons-react": "^11.27.0-rc.0",
+    "@carbon/icons-react": "^11.27.0",
     "@carbon/layout": "^11.19.0",
-    "@carbon/styles": "^1.38.0-rc.0",
+    "@carbon/styles": "^1.38.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
@@ -77,7 +77,7 @@
     "@babel/preset-react": "^7.22.3",
     "@babel/preset-typescript": "^7.21.5",
     "@carbon/test-utils": "^10.30.0",
-    "@carbon/themes": "^11.25.0-rc.0",
+    "@carbon/themes": "^11.25.0",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -139,5 +139,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "0a2c591ac9ac56286ab465334be3e1322d4c86cb"
+  "gitHead": "33f414ff39064f1c432898ab8204b89b7b02cfb4"
 }