@carbon/react 1.93.0 → 1.94.0-rc.0

package/lib/components/Tabs/Tabs.js

@@ -26,7 +26,6 @@ var useControllableState = require('../../internal/useControllableState.js');
 var useId = require('../../internal/useId.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
-var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
@@ -1112,10 +1111,6 @@ const TabPanel = /*#__PURE__*/React.forwardRef(({
   ...rest
 }, forwardRef) => {
   const prefix = usePrefix.usePrefix();
-  const panel = React.useRef(null);
-  const ref = useMergedRefs.useMergedRefs([forwardRef, panel]);
-  const [tabIndex, setTabIndex] = React.useState(0);
-  const [interactiveContent, setInteractiveContent] = React.useState(false);
   const {
     selectedIndex,
     baseId
@@ -1123,50 +1118,13 @@ const TabPanel = /*#__PURE__*/React.forwardRef(({
   const index = React.useContext(TabPanelContext);
   const id = `${baseId}-tabpanel-${index}`;
   const tabId = `${baseId}-tab-${index}`;
-  const className = cx(`${prefix}--tab-content`, customClassName, {
-    [`${prefix}--tab-content--interactive`]: interactiveContent
-  });
-  React.useEffect(() => {
-    if (!panel.current) {
-      return;
-    }
-    const content = useNoInteractiveChildren.getInteractiveContent(panel.current);
-    if (content) {
-      setInteractiveContent(true);
-      setTabIndex(-1);
-    }
-  }, []);
-
-  // tabindex should only be 0 if no interactive content in children
-  React.useEffect(() => {
-    const node = panel.current;
-    if (!node) {
-      return;
-    }
-    function callback() {
-      const content = useNoInteractiveChildren.getInteractiveContent(node);
-      if (content) {
-        setInteractiveContent(true);
-        setTabIndex(-1);
-      } else {
-        setInteractiveContent(false);
-        setTabIndex(0);
-      }
-    }
-    const observer = new MutationObserver(callback);
-    observer.observe(node, {
-      childList: true,
-      subtree: true
-    });
-    return () => observer.disconnect();
-  }, []);
+  const className = cx(`${prefix}--tab-content`, customClassName);
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     "aria-labelledby": tabId,
     id: id,
     className: className,
-    ref: ref,
+    ref: forwardRef,
     role: "tabpanel",
-    tabIndex: tabIndex,
     hidden: selectedIndex !== index
   }), children);
 });

package/lib/components/TreeView/TreeNode.js

@@ -146,6 +146,7 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
   const currentNode = React.useRef(null);
   const currentNodeLabel = React.useRef(null);
   const prefix = usePrefix.usePrefix();
+  const nodeLabelId = `${id}__label`;
   const renderLabelText = () => {
     if (isEllipsisApplied && tooltipText) {
       return /*#__PURE__*/React.createElement(index$1.IconButton, {
@@ -156,11 +157,13 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
         className: `${prefix}--tree-node__label__text-button`,
         wrapperClasses: `${prefix}--popover-container`
       }, /*#__PURE__*/React.createElement("span", {
+        id: nodeLabelId,
         ref: labelTextRef,
         className: `${prefix}--tree-node__label__text`
       }, label));
     }
     return /*#__PURE__*/React.createElement("span", {
+      id: nodeLabelId,
       ref: labelTextRef,
       className: `${prefix}--tree-node__label__text`
     }, label);
@@ -399,6 +402,7 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
     }), nodeContent), children && /*#__PURE__*/React.createElement("ul", {
       id: `${id}-subtree`,
       role: "group",
+      "aria-labelledby": nodeLabelId,
       className: cx(`${prefix}--tree-node__children`, {
         [`${prefix}--tree-node--hidden`]: !expanded
       })
@@ -412,6 +416,7 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
   }), nodeContent, children && /*#__PURE__*/React.createElement("ul", {
     id: `${id}-subtree`,
     role: "group",
+    "aria-labelledby": nodeLabelId,
     className: cx(`${prefix}--tree-node__children`, {
       [`${prefix}--tree-node--hidden`]: !expanded
     })

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

@@ -69,7 +69,7 @@ declare const Content: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        popover?: "" | "auto" | "manual" | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
         popoverTarget?: string | undefined;
         inert?: boolean | undefined;

package/lib/tools/events.d.ts

@@ -14,4 +14,4 @@ import type { SyntheticEvent } from 'react';
  * @param handlers - An array of event handler functions.
  * @returns A composite event handler.
  */
-export declare const composeEventHandlers: <E extends SyntheticEvent = SyntheticEvent<Element, Event>>(handlers: (((event: E, ...args: any[]) => void) | undefined)[]) => (event: E, ...args: any[]) => void;
+export declare const composeEventHandlers: <E extends SyntheticEvent = SyntheticEvent>(handlers: (((event: E, ...args: any[]) => void) | undefined)[]) => (event: E, ...args: any[]) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.93.0",
+  "version": "1.94.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -53,9 +53,9 @@
   "dependencies": {
     "@babel/runtime": "^7.27.3",
     "@carbon/feature-flags": "^0.31.0",
-    "@carbon/icons-react": "^11.69.0",
+    "@carbon/icons-react": "^11.70.0-rc.0",
     "@carbon/layout": "^11.43.0",
-    "@carbon/styles": "^1.92.0",
+    "@carbon/styles": "^1.93.0-rc.0",
     "@carbon/utilities": "^0.11.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
@@ -139,5 +139,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "c17cce753e36124e6e8e02daba97ae9d4decbcc3"
+  "gitHead": "dff507858b43de91b300a98fa1bec24d38aaeb48"
 }

package/telemetry.yml

@@ -314,7 +314,9 @@ collect:
         - enable
         - maxDate
         - minDate
+        - nextMonthAriaLabel
         - parseDate
+        - prevMonthAriaLabel
         - short
         # DatePickerSkeleton
         - range