@carbon/react 1.107.1 → 1.108.0-rc.0

package/lib/components/MultiSelect/MultiSelect.js

@@ -24,6 +24,7 @@ const require_FormContext = require("../FluidForm/FormContext.js");
 const require_index$3 = require("../ListBox/index.js");
 const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_MultiSelectPropTypes = require("./MultiSelectPropTypes.js");
+const require_isSelectAllItem = require("./tools/isSelectAllItem.js");
 const require_sorting = require("./tools/sorting.js");
 const require_Selection = require("../../internal/Selection.js");
 let classnames = require("classnames");
@@ -55,7 +56,7 @@ const MultiSelect = react.default.forwardRef(({ autoAlign = false, className: co
 			return true;
 		});
 	}, [items]);
-	const selectAll = filteredItems.some((item) => item.isSelectAll);
+	const selectAll = filteredItems.some(require_isSelectAllItem.isSelectAllItem);
 	const prefix = require_usePrefix.usePrefix();
 	const { isFluid } = (0, react.useContext)(require_FormContext.FormContext);
 	const multiSelectInstanceId = require_useId.useId();
@@ -285,7 +286,7 @@ const MultiSelect = react.default.forwardRef(({ autoAlign = false, className: co
 	const candidate = slug ?? decorator;
 	const normalizedDecorator = require_utils.isComponentElement(candidate, require_index$1.AILabel) ? (0, react.cloneElement)(candidate, { size: "mini" }) : candidate;
 	const itemsSelectedText = selectedItems.length > 0 && selectedItems.map((item) => item?.text);
-	const selectedItemsLength = selectAll ? selectedItems.filter((item) => !item.isSelectAll).length : selectedItems.length;
+	const selectedItemsLength = selectAll ? selectedItems.filter((item) => !require_isSelectAllItem.isSelectAllItem(item)).length : selectedItems.length;
 	const menuProps = (0, react.useMemo)(() => getMenuProps({
 		ref: enableFloatingStyles ? refs.setFloating : null,
 		hidden: !isOpen
@@ -299,9 +300,9 @@ const MultiSelect = react.default.forwardRef(({ autoAlign = false, className: co
 	const labelProps = (0, react.isValidElement)(titleText) ? { id: allLabelProps.id } : allLabelProps;
 	const getSelectionStats = (0, react.useCallback)((selectedItems, filteredItems) => {
 		return {
-			hasIndividualSelections: selectedItems.some((selected) => !selected.isSelectAll),
-			nonSelectAllSelectedCount: selectedItems.filter((selected) => !selected.isSelectAll).length,
-			totalSelectableCount: filteredItems.filter((item) => !item.isSelectAll && !item.disabled).length
+			hasIndividualSelections: selectedItems.some((selected) => !require_isSelectAllItem.isSelectAllItem(selected)),
+			nonSelectAllSelectedCount: selectedItems.filter((selected) => !require_isSelectAllItem.isSelectAllItem(selected)).length,
+			totalSelectableCount: filteredItems.filter((item) => !require_isSelectAllItem.isSelectAllItem(item) && !item.disabled).length
 		};
 	}, [selectedItems, filteredItems]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -377,15 +378,15 @@ const MultiSelect = react.default.forwardRef(({ autoAlign = false, className: co
 						...menuProps,
 						children: isOpen && sortItems(filteredItems, sortOptions).map((item, index) => {
 							const { hasIndividualSelections, nonSelectAllSelectedCount, totalSelectableCount } = getSelectionStats(selectedItems, filteredItems);
-							const isChecked = item.isSelectAll ? nonSelectAllSelectedCount === totalSelectableCount && totalSelectableCount > 0 : selectedItems.some((selected) => (0, react_fast_compare.default)(selected, item));
-							const isIndeterminate = item.isSelectAll && hasIndividualSelections && nonSelectAllSelectedCount < totalSelectableCount;
+							const isChecked = require_isSelectAllItem.isSelectAllItem(item) ? nonSelectAllSelectedCount === totalSelectableCount && totalSelectableCount > 0 : selectedItems.some((selected) => (0, react_fast_compare.default)(selected, item));
+							const isIndeterminate = require_isSelectAllItem.isSelectAllItem(item) && hasIndividualSelections && nonSelectAllSelectedCount < totalSelectableCount;
 							const itemProps = getItemProps({
 								item,
 								["aria-selected"]: isChecked
 							});
 							const itemText = itemToString(item);
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.default.MenuItem, {
-								isActive: isChecked && !item["isSelectAll"],
+								isActive: isChecked && !require_isSelectAllItem.isSelectAllItem(item),
 								"aria-label": itemText,
 								"aria-checked": isIndeterminate ? "mixed" : isChecked,
 								isHighlighted: highlightedIndex === index,

package/lib/components/MultiSelect/tools/isSelectAllItem.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare const isSelectAllItem: (item: unknown) => item is {
+    isSelectAll?: boolean;
+};

package/lib/components/MultiSelect/tools/isSelectAllItem.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp. 2016, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+//#region src/components/MultiSelect/tools/isSelectAllItem.ts
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const isSelectAllItem = (item) => typeof item === "object" && item !== null && "isSelectAll" in item;
+//#endregion
+exports.isSelectAllItem = isSelectAllItem;

package/lib/components/MultiSelect/tools/sorting.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+const require_isSelectAllItem = require("./isSelectAllItem.js");
 //#region src/components/MultiSelect/tools/sorting.ts
-const isSelectAllItem = (item) => typeof item === "object" && item !== null && "isSelectAll" in item;
 /**
 * Use `localeCompare` with the `numeric` option enabled to sort two
 * alphanumeric strings.
@@ -17,8 +17,8 @@ const defaultCompareItems = (itemA, itemB, { locale }) => itemA.localeCompare(it
 */
 const defaultSortItems = (items, { selectedItems, itemToString, compareItems, locale }) => {
 	return items.sort((itemA, itemB) => {
-		if (isSelectAllItem(itemA) && itemA.isSelectAll) return -1;
-		if (isSelectAllItem(itemB) && itemB.isSelectAll) return 1;
+		if (require_isSelectAllItem.isSelectAllItem(itemA) && itemA.isSelectAll) return -1;
+		if (require_isSelectAllItem.isSelectAllItem(itemB) && itemB.isSelectAll) return 1;
 		const hasItemA = selectedItems.includes(itemA);
 		const hasItemB = selectedItems.includes(itemB);
 		if (hasItemA && !hasItemB) return -1;

package/lib/components/PageHeader/PageHeader.d.ts

@@ -4,6 +4,10 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/**
+ * @deprecated PageHeader has moved to Carbon for IBM Products.
+ * See https://github.com/carbon-design-system/carbon/issues/21926
+ */
 import React, { type ElementType } from 'react';
 import PropTypes from 'prop-types';
 import { TYPES } from '../Tag/Tag';

package/lib/components/PageHeader/PageHeader.js

@@ -14,6 +14,7 @@ const require_AspectRatio = require("../AspectRatio/AspectRatio.js");
 const require_index = require("../Popover/index.js");
 const require_DefinitionTooltip = require("../Tooltip/DefinitionTooltip.js");
 const require_MenuItem = require("../Menu/MenuItem.js");
+const require_deprecateComponent = require("../../prop-types/deprecateComponent.js");
 const require_Grid = require("../Grid/Grid.js");
 const require_Column = require("../Grid/Column.js");
 const require_index$1 = require("../MenuButton/index.js");
@@ -37,7 +38,18 @@ let _carbon_layout = require("@carbon/layout");
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
+/**
+* @deprecated PageHeader has moved to Carbon for IBM Products.
+* See https://github.com/carbon-design-system/carbon/issues/21926
+*/
+const pageHeaderDeprecationMessage = (componentName) => `The \`${componentName}\` component in \`@carbon/react\` has been deprecated and moved to \`@carbon/ibm-products\`. See https://github.com/carbon-design-system/carbon/issues/21926`;
+const usePageHeaderDeprecation = (componentName) => {
+	(0, react.useEffect)(() => {
+		require_deprecateComponent.deprecateComponent(componentName, pageHeaderDeprecationMessage(componentName));
+	}, [componentName]);
+};
 const PageHeader = react.default.forwardRef(({ className, children, ...other }, ref) => {
+	usePageHeaderDeprecation("PageHeader");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: (0, classnames.default)({ [`${require_usePrefix.usePrefix()}--page-header`]: true }, className),
 		ref,
@@ -47,6 +59,7 @@ const PageHeader = react.default.forwardRef(({ className, children, ...other },
 });
 PageHeader.displayName = "PageHeader";
 const PageHeaderBreadcrumbBar = react.default.forwardRef(({ border = true, className, children, renderIcon: IconElement, contentActions, contentActionsFlush, pageActions, pageActionsFlush, ...other }, ref) => {
+	usePageHeaderDeprecation("PageHeaderBreadcrumbBar");
 	const prefix = require_usePrefix.usePrefix();
 	const classNames = (0, classnames.default)({
 		[`${prefix}--page-header__breadcrumb-bar`]: true,
@@ -83,6 +96,7 @@ const PageHeaderBreadcrumbBar = react.default.forwardRef(({ border = true, class
 });
 PageHeaderBreadcrumbBar.displayName = "PageHeaderBreadcrumbBar";
 const PageHeaderContent = react.default.forwardRef(({ className, children, title, renderIcon: IconElement, contextualActions, pageActions, ...other }, ref) => {
+	usePageHeaderDeprecation("PageHeaderContent");
 	const prefix = require_usePrefix.usePrefix();
 	const classNames = (0, classnames.default)({ [`${prefix}--page-header__content`]: true }, className);
 	const titleRef = (0, react.useRef)(null);
@@ -145,6 +159,7 @@ PageHeaderContent.propTypes = {
 	pageActions: prop_types.default.node
 };
 const PageHeaderContentPageActions = ({ className, children, menuButtonLabel = "Actions", actions, ...other }) => {
+	usePageHeaderDeprecation("PageHeaderContentPageActions");
 	const classNames = (0, classnames.default)({ [`${require_usePrefix.usePrefix()}--page-header__content__page-actions`]: true }, className);
 	const containerRef = (0, react.useRef)(null);
 	const offsetRef = (0, react.useRef)(null);
@@ -198,6 +213,7 @@ PageHeaderContentPageActions.propTypes = {
 	actions: prop_types.default.oneOfType([prop_types.default.node, prop_types.default.array])
 };
 const PageHeaderContentText = ({ className, children, subtitle, ...other }) => {
+	usePageHeaderDeprecation("PageHeaderContentText");
 	const prefix = require_usePrefix.usePrefix();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: (0, classnames.default)({ [`${prefix}--page-header__content__body`]: true }, className),
@@ -216,6 +232,7 @@ PageHeaderContentText.propTypes = {
 	subtitle: prop_types.default.string
 };
 const PageHeaderHeroImage = ({ className, children, ...other }) => {
+	usePageHeaderDeprecation("PageHeaderHeroImage");
 	const classNames = (0, classnames.default)({ [`${require_usePrefix.usePrefix()}--page-header__hero-image`]: true }, className);
 	const isLg = require_useMatchMedia.useMatchMedia(`(min-width: ${_carbon_layout.breakpoints.lg.width})`);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AspectRatio.default, {
@@ -231,6 +248,7 @@ PageHeaderHeroImage.propTypes = {
 	className: prop_types.default.string
 };
 const PageHeaderTabBar = react.default.forwardRef(({ className, children, tags = [], ...other }, ref) => {
+	usePageHeaderDeprecation("PageHeaderTabBar");
 	const prefix = require_usePrefix.usePrefix();
 	const classNames = (0, classnames.default)({ [`${prefix}--page-header__tab-bar`]: true }, className);
 	const [openPopover, setOpenPopover] = (0, react.useState)(false);

package/lib/components/PageHeader/index.d.ts

@@ -4,5 +4,9 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/**
+ * @deprecated PageHeader has moved to Carbon for IBM Products.
+ * See https://github.com/carbon-design-system/carbon/issues/21926
+ */
 export { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderContentPageActions, PageHeaderContentText, PageHeaderTabBar, PageHeaderHeroImage, Root, BreadcrumbBar, Content, ContentPageActions, ContentText, TabBar, HeroImage, } from './PageHeader';
 export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderContentPageActionsProps, PageHeaderContentTextProps, PageHeaderTabBarProps, PageHeaderHeroImageProps, } from './PageHeader';

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

@@ -7,7 +7,7 @@
 import PropTypes from 'prop-types';
 export interface SwitcherDividerProps {
     /**
-     * Optionally provide a custom class to apply to the underlying `<li>` node
+     * Optionally provide a custom class to apply to the underlying `<hr>` node
      */
     className?: string;
 }
@@ -15,7 +15,7 @@ declare const SwitcherDivider: {
     ({ className: customClassName, ...other }: SwitcherDividerProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
-         * Optionally provide a custom class to apply to the underlying `<li>` node
+         * Optionally provide a custom class to apply to the underlying `<hr>` node
          */
         className: PropTypes.Requireable<string>;
     };

package/lib/components/UIShell/SwitcherDivider.js

@@ -23,10 +23,10 @@ let react_jsx_runtime = require("react/jsx-runtime");
 */
 const SwitcherDivider = ({ className: customClassName, ...other }) => {
 	const classNames = (0, classnames.default)(`${require_usePrefix.usePrefix()}--switcher__item--divider`, { [customClassName || ""]: !!customClassName });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {
 		...other,
 		className: classNames
-	});
+	}) });
 };
 SwitcherDivider.propTypes = { className: prop_types.default.string };
 //#endregion

package/lib/internal/warning.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/internal/warning.js

@@ -8,7 +8,7 @@
 const require_noopFn = require("./noopFn.js");
 //#region src/internal/warning.ts
 /**
-* Copyright IBM Corp. 2016, 2025
+* Copyright IBM Corp. 2016, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.107.1",
+  "version": "1.108.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -53,10 +53,10 @@
   "dependencies": {
     "@babel/runtime": "^7.27.3",
     "@carbon/feature-flags": "^1.3.0",
-    "@carbon/icons-react": "^11.80.0",
-    "@carbon/layout": "^11.52.0",
-    "@carbon/styles": "^1.106.0",
-    "@carbon/utilities": "^0.19.0",
+    "@carbon/icons-react": "^11.81.0-rc.0",
+    "@carbon/layout": "^11.53.0-rc.0",
+    "@carbon/styles": "^1.107.0-rc.0",
+    "@carbon/utilities": "^0.20.0-rc.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -79,7 +79,7 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@carbon/test-utils": "^10.41.0",
-    "@carbon/themes": "^11.73.0",
+    "@carbon/themes": "^11.74.0-rc.0",
     "@figma/code-connect": "^1.4.2",
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/addon-a11y": "^10.3.5",
@@ -94,7 +94,6 @@
     "babel-preset-carbon": "^0.8.0",
     "browserify-zlib": "^0.2.0",
     "browserslist-config-carbon": "^11.2.0",
-    "clipboardy": "^4.0.0",
     "enquirer": "^2.3.6",
     "fast-glob": "^3.3.3",
     "fs-extra": "^11.0.0",
@@ -107,10 +106,11 @@
     "rimraf": "^6.0.1",
     "sass": "^1.93.2",
     "storybook": "^10.3.5",
-    "storybook-addon-accessibility-checker": ">=9.2.0-rc.3",
+    "storybook-addon-accessibility-checker": ">=9.2.0-rc.4",
     "stream-browserify": "^3.0.0",
+    "tinyclip": "^0.1.12",
     "tsdown": "^0.21.0",
-    "typescript-config-carbon": "^0.9.0",
+    "typescript-config-carbon": "^0.10.0-rc.0",
     "use-sync-external-store": "^1.5.0",
     "vite": "^7.1.2"
   },
@@ -125,5 +125,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "80f5039e553e19f4b540f914c35b8c3eaa8e41d3"
+  "gitHead": "3d219dfcc2a3da515016f7ce0e769d013c3a6c03"
 }