@carbon/react 1.87.1 → 1.89.0-rc.0

package/lib/components/UIShell/Header.js

@@ -13,7 +13,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
 const Header = ({
@@ -29,11 +28,15 @@ const Header = ({
 };
 Header.propTypes = {
   /**
-   * Required props for the accessibility label of the header
+   * Optionally provide aria-label
    */
-  ...AriaPropTypes.AriaLabelPropType,
+  'aria-label': PropTypes.string,
   /**
-   * Optionally provide a custom class name that is applied to the underlying <header>
+   * Optionally provide aria-labelledby
+   */
+  'aria-labelledby': PropTypes.string,
+  /**
+   * Optionally provide a custom class name that is applied to the underlying header
    */
   className: PropTypes.string
 };

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",
+  "version": "1.89.0-rc.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",
-    "@carbon/icons-react": "^11.63.0",
-    "@carbon/layout": "^11.37.0",
-    "@carbon/styles": "^1.86.1",
+    "@carbon/feature-flags": "^0.29.0",
+    "@carbon/icons-react": "^11.65.0-rc.0",
+    "@carbon/layout": "^11.39.0-rc.0",
+    "@carbon/styles": "^1.88.0-rc.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.58.0-rc.0",
     "@figma/code-connect": "^1.3.2",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -96,7 +96,7 @@
     "autoprefixer": "^10.4.0",
     "babel-loader": "^10.0.0",
     "babel-plugin-dev-expression": "^0.2.3",
-    "babel-preset-carbon": "^0.7.0",
+    "babel-preset-carbon": "^0.8.0-rc.0",
     "browserify-zlib": "^0.2.0",
     "browserslist-config-carbon": "^11.2.0",
     "clipboardy": "^2.1.0",
@@ -139,5 +139,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "f420c48d3859804a62811e6420d940f2e2602219"
+  "gitHead": "babd7a9692f8c0595b67877417d7ebf915e19b20"
 }

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