@carbon/react 1.87.1-rc.0 → 1.88.0

package/lib/components/TreeView/TreeView.js

@@ -49,11 +49,7 @@ const TreeView = ({
   const treeWalker = React.useRef(null);
   const controllableSelectionState = useControllableState.useControllableState({
     value: preselected,
-    onChange: newSelected => {
-      onSelect?.(undefined, {
-        activeNodeId: newSelected[0]
-      });
-    },
+    onChange: onSelect,
     defaultValue: []
   });
   const uncontrollableSelectionState = React.useState(preselected ?? []);
@@ -70,25 +66,27 @@ const TreeView = ({
       item.tabIndex = -1;
     });
   }
-  function handleTreeSelect(event, node = {}) {
+  function handleTreeSelect(event, node) {
     const nodeId = node.id;
-    if (multiselect && (event.metaKey || event.ctrlKey)) {
-      if (!selected.includes(nodeId)) {
-        setSelected(selected.concat(nodeId));
+    if (nodeId) {
+      if (multiselect && (event.metaKey || event.ctrlKey)) {
+        if (!selected.includes(nodeId)) {
+          setSelected(selected.concat(nodeId));
+        } else {
+          setSelected(selected.filter(selectedId => selectedId !== nodeId));
+        }
+        if (!enableTreeviewControllable) {
+          onSelect?.(event, node);
+        }
       } else {
-        setSelected(selected.filter(selectedId => selectedId !== nodeId));
-      }
-      if (!enableTreeviewControllable) {
-        onSelect?.(event, node);
-      }
-    } else {
-      setSelected([nodeId]);
-      setActive(nodeId);
-      if (!enableTreeviewControllable) {
-        onSelect?.(event, {
-          activeNodeId: nodeId,
-          ...node
-        });
+        setSelected([nodeId]);
+        setActive(nodeId);
+        if (!enableTreeviewControllable) {
+          onSelect?.(event, {
+            activeNodeId: nodeId,
+            ...node
+          });
+        }
       }
     }
   }

package/lib/components/UIShell/HeaderPanel.js

@@ -19,14 +19,14 @@ var match = require('../../internal/keyboard/match.js');
 var useEvent = require('../../internal/useEvent.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
 var Switcher = require('./Switcher.js');
+var noopFn = require('../../internal/noopFn.js');
 
-const noopFn = () => {};
 const HeaderPanel = /*#__PURE__*/React.forwardRef(function HeaderPanel({
   children,
   className: customClassName,
   expanded,
   addFocusListeners = true,
-  onHeaderPanelFocus = noopFn,
+  onHeaderPanelFocus = noopFn.noopFn,
   href,
   ...rest
 }, ref) {

package/lib/internal/Selection.d.ts

@@ -18,6 +18,7 @@ interface UseSelectionProps<ItemType> {
 export declare const useSelection: <ItemType>({ disabled, onChange, initialSelectedItems, selectedItems: controlledItems, selectAll, filteredItems, }: UseSelectionProps<ItemType>) => {
     clearSelection: () => void;
     onItemChange: (item: ItemType) => void;
+    toggleAll: (items: ItemType[]) => void;
     selectedItems: ItemType[];
 };
 interface SelectionRenderProps<ItemType> {

package/lib/internal/Selection.js

@@ -92,6 +92,15 @@ const useSelection = ({
       selectedItems: []
     });
   }, [disabled, isControlled]);
+  const toggleAll = React.useCallback(items => {
+    callOnChangeHandler({
+      isControlled,
+      isMounted: isMounted.current,
+      onChangeHandlerControlled: savedOnChange.current,
+      onChangeHandlerUncontrolled: setUncontrolledItems,
+      selectedItems: items
+    });
+  }, [isControlled]);
   React.useEffect(() => {
     savedOnChange.current = onChange;
   }, [onChange]);
@@ -111,6 +120,7 @@ const useSelection = ({
   return {
     clearSelection,
     onItemChange,
+    toggleAll,
     selectedItems
   };
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.87.1-rc.0",
+  "version": "1.88.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -52,10 +52,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.3",
-    "@carbon/feature-flags": "^0.28.1-rc.0",
-    "@carbon/icons-react": "^11.63.0",
-    "@carbon/layout": "^11.37.0",
-    "@carbon/styles": "^1.86.1-rc.0",
+    "@carbon/feature-flags": "^0.29.0",
+    "@carbon/icons-react": "^11.64.0",
+    "@carbon/layout": "^11.38.0",
+    "@carbon/styles": "^1.87.0",
     "@carbon/utilities": "^0.7.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
@@ -80,7 +80,7 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@carbon/test-utils": "^10.36.0",
-    "@carbon/themes": "^11.56.0",
+    "@carbon/themes": "^11.57.0",
     "@figma/code-connect": "^1.3.2",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -139,5 +139,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "c0c7a3adc9f05f3a1bfb0d53316167c6a7262e6e"
+  "gitHead": "6568a3389c2a82348c693b167b511dea66b7b269"
 }

package/telemetry.yml

@@ -26,6 +26,7 @@ collect:
         - autoAlign
         - autoComplete
         - buttonKind
+        - caption
         - checked
         - children
         - className
@@ -450,6 +451,7 @@ collect:
         - notificationType
         # NumberInput
         - hideSteppers
+        - stepStartValue
         # OrderedList
         - native
         # OverflowMenuItem
@@ -601,7 +603,6 @@ collect:
         - warning
         - warningText
         # ToastNotification
-        - caption
         - timeout
         # Toggle
         - defaultToggled
@@ -850,17 +851,9 @@ collect:
         - g90
         - white
         # General - tooltipAlignment
-        - bottom
-        - bottom-left
-        - bottom-right
         - center
         - end
-        - left
-        - right
         - start
-        - top
-        - top-left
-        - top-right
         # General - tooltipPosition
         - bottom
         - left