@carbon/ibm-products 2.77.0-rc.0 → 2.77.1

package/es/components/PageHeader/next/PageHeader.js

@@ -544,7 +544,7 @@ const PageHeaderTabBar = /*#__PURE__*/React__default.forwardRef(function PageHea
   }, children, tags, renderScroller()))));
 });
 PageHeaderTabBar.displayName = 'PageHeaderTabBar';
-const PageHeaderTagOverflow = /*#__PURE__*/React__default.forwardRef(_ref8 => {
+const PageHeaderTagOverflow = /*#__PURE__*/React__default.forwardRef((_ref8, ref) => {
   let {
     renderOverflowTag,
     renderPopoverContent,
@@ -552,7 +552,8 @@ const PageHeaderTagOverflow = /*#__PURE__*/React__default.forwardRef(_ref8 => {
   } = _ref8;
   const [openPopover, setOpenPopover] = useState(false);
   const [hiddenTags, setHiddenTags] = useState([]);
-  const tagsContainerRef = useRef(null);
+  const localRef = useRef(null);
+  const tagsContainerRef = ref || localRef;
   // To close popover when window resizes
   useEffect(() => {
     const handleResize = () => {
@@ -575,6 +576,8 @@ const PageHeaderTagOverflow = /*#__PURE__*/React__default.forwardRef(_ref8 => {
         setHiddenTags(hidden);
       }
     });
+    // Don't want ref in dependency array
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React__default.createElement("div", {
     ref: tagsContainerRef,

package/es/components/PageHeader/next/index.js

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2020, 2025
+ *
+ * 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 { BreadcrumbBar, BreadcrumbOverflow, Content, ContentPageActions, ContentText, HeroImage, PageHeader, PageHeaderBreadcrumbBar, PageHeaderBreadcrumbOverflow, PageHeaderContent, PageHeaderContentPageActions, PageHeaderContentText, PageHeaderHeroImage, PageHeaderScrollButton, PageHeaderTabBar, PageHeaderTagOverflow, PageHeaderTitleBreadcrumb, Root, ScrollButton, TabBar, TagOverflow, TitleBreadcrumb } from './PageHeader.js';

package/es/components/index.d.ts

@@ -45,7 +45,7 @@ export * from './WebTerminal';
 export * as preview__Coachmark from './Coachmark/next/Coachmark';
 export * as preview__CoachmarkTagline from './Coachmark/next/Coachmark/CoachmarkTagline';
 export { FeatureFlags as preview__FeatureFlags, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags, } from './FeatureFlags';
-export * as preview__PageHeader from './PageHeader/next/PageHeader';
+export * as preview__PageHeader from './PageHeader/next';
 export { BigNumber as previewCandidate__BigNumber, type BigNumberProps, } from './BigNumber';
 export { Coachmark as previewCandidate__Coachmark, BEACON_KIND, COACHMARK_OVERLAY_KIND, COACHMARK_ALIGNMENT, useCoachmark, type CoachmarkProps, } from './Coachmark';
 export { CoachmarkBeacon as previewCandidate__CoachmarkBeacon, type CoachmarkBeaconProps, } from './CoachmarkBeacon';

package/es/index.js

@@ -58,8 +58,8 @@ export { index as preview__Coachmark };
 import * as index$1 from './components/Coachmark/next/Coachmark/CoachmarkTagline/index.js';
 export { index$1 as preview__CoachmarkTagline };
 export { FeatureFlags as preview__FeatureFlags, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags } from './components/FeatureFlags/index.js';
-import * as PageHeader from './components/PageHeader/next/PageHeader.js';
-export { PageHeader as preview__PageHeader };
+import * as index$2 from './components/PageHeader/next/index.js';
+export { index$2 as preview__PageHeader };
 export { BigNumber as previewCandidate__BigNumber } from './components/BigNumber/BigNumber.js';
 export { Coachmark as previewCandidate__Coachmark } from './components/Coachmark/Coachmark.js';
 export { BEACON_KIND, COACHMARK_ALIGNMENT, COACHMARK_OVERLAY_KIND } from './components/Coachmark/utils/enums.js';

package/lib/components/PageHeader/next/PageHeader.js

@@ -546,7 +546,7 @@ const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(function PageHeaderTabBar
   }, children, tags, renderScroller()))));
 });
 PageHeaderTabBar.displayName = 'PageHeaderTabBar';
-const PageHeaderTagOverflow = /*#__PURE__*/React.forwardRef(_ref8 => {
+const PageHeaderTagOverflow = /*#__PURE__*/React.forwardRef((_ref8, ref) => {
   let {
     renderOverflowTag,
     renderPopoverContent,
@@ -554,7 +554,8 @@ const PageHeaderTagOverflow = /*#__PURE__*/React.forwardRef(_ref8 => {
   } = _ref8;
   const [openPopover, setOpenPopover] = React.useState(false);
   const [hiddenTags, setHiddenTags] = React.useState([]);
-  const tagsContainerRef = React.useRef(null);
+  const localRef = React.useRef(null);
+  const tagsContainerRef = ref || localRef;
   // To close popover when window resizes
   React.useEffect(() => {
     const handleResize = () => {
@@ -577,6 +578,8 @@ const PageHeaderTagOverflow = /*#__PURE__*/React.forwardRef(_ref8 => {
         setHiddenTags(hidden);
       }
     });
+    // Don't want ref in dependency array
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React.createElement("div", {
     ref: tagsContainerRef,

package/lib/components/PageHeader/next/index.js

@@ -0,0 +1,35 @@
+/**
+ * Copyright IBM Corp. 2020, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+var PageHeader = require('./PageHeader.js');
+
+
+
+exports.BreadcrumbBar = PageHeader.BreadcrumbBar;
+exports.BreadcrumbOverflow = PageHeader.BreadcrumbOverflow;
+exports.Content = PageHeader.Content;
+exports.ContentPageActions = PageHeader.ContentPageActions;
+exports.ContentText = PageHeader.ContentText;
+exports.HeroImage = PageHeader.HeroImage;
+exports.PageHeader = PageHeader.PageHeader;
+exports.PageHeaderBreadcrumbBar = PageHeader.PageHeaderBreadcrumbBar;
+exports.PageHeaderBreadcrumbOverflow = PageHeader.PageHeaderBreadcrumbOverflow;
+exports.PageHeaderContent = PageHeader.PageHeaderContent;
+exports.PageHeaderContentPageActions = PageHeader.PageHeaderContentPageActions;
+exports.PageHeaderContentText = PageHeader.PageHeaderContentText;
+exports.PageHeaderHeroImage = PageHeader.PageHeaderHeroImage;
+exports.PageHeaderScrollButton = PageHeader.PageHeaderScrollButton;
+exports.PageHeaderTabBar = PageHeader.PageHeaderTabBar;
+exports.PageHeaderTagOverflow = PageHeader.PageHeaderTagOverflow;
+exports.PageHeaderTitleBreadcrumb = PageHeader.PageHeaderTitleBreadcrumb;
+exports.Root = PageHeader.Root;
+exports.ScrollButton = PageHeader.ScrollButton;
+exports.TabBar = PageHeader.TabBar;
+exports.TagOverflow = PageHeader.TagOverflow;
+exports.TitleBreadcrumb = PageHeader.TitleBreadcrumb;

package/lib/components/index.d.ts

@@ -45,7 +45,7 @@ export * from './WebTerminal';
 export * as preview__Coachmark from './Coachmark/next/Coachmark';
 export * as preview__CoachmarkTagline from './Coachmark/next/Coachmark/CoachmarkTagline';
 export { FeatureFlags as preview__FeatureFlags, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags, } from './FeatureFlags';
-export * as preview__PageHeader from './PageHeader/next/PageHeader';
+export * as preview__PageHeader from './PageHeader/next';
 export { BigNumber as previewCandidate__BigNumber, type BigNumberProps, } from './BigNumber';
 export { Coachmark as previewCandidate__Coachmark, BEACON_KIND, COACHMARK_OVERLAY_KIND, COACHMARK_ALIGNMENT, useCoachmark, type CoachmarkProps, } from './Coachmark';
 export { CoachmarkBeacon as previewCandidate__CoachmarkBeacon, type CoachmarkBeaconProps, } from './CoachmarkBeacon';

package/lib/index.js

@@ -40,7 +40,7 @@ var InterstitialScreen = require('./components/InterstitialScreen/InterstitialSc
 var MultiAddSelect = require('./components/MultiAddSelect/MultiAddSelect.js');
 var NotificationsPanel = require('./components/NotificationsPanel/NotificationsPanel.js');
 var OptionsTile = require('./components/OptionsTile/OptionsTile.js');
-var PageHeader$1 = require('./components/PageHeader/PageHeader.js');
+var PageHeader = require('./components/PageHeader/PageHeader.js');
 var ProductiveCard = require('./components/ProductiveCard/ProductiveCard.js');
 var RemoveModal = require('./components/RemoveModal/RemoveModal.js');
 var Saving = require('./components/Saving/Saving.js');
@@ -54,11 +54,11 @@ var TearsheetNarrow = require('./components/Tearsheet/TearsheetNarrow.js');
 var TruncatedText = require('./components/TruncatedText/TruncatedText.js');
 var WebTerminal = require('./components/WebTerminal/WebTerminal.js');
 var WebTerminalContentWrapper = require('./components/WebTerminal/WebTerminalContentWrapper.js');
-var index$3 = require('./components/WebTerminal/hooks/index.js');
+var index$4 = require('./components/WebTerminal/hooks/index.js');
 var index = require('./components/Coachmark/next/Coachmark/index.js');
 var index$1 = require('./components/Coachmark/next/Coachmark/CoachmarkTagline/index.js');
-var index$2 = require('./components/FeatureFlags/index.js');
-var PageHeader = require('./components/PageHeader/next/PageHeader.js');
+var index$3 = require('./components/FeatureFlags/index.js');
+var index$2 = require('./components/PageHeader/next/index.js');
 var BigNumber = require('./components/BigNumber/BigNumber.js');
 var Coachmark = require('./components/Coachmark/Coachmark.js');
 var enums = require('./components/Coachmark/utils/enums.js');
@@ -87,7 +87,7 @@ var ToolbarButton = require('./components/Toolbar/ToolbarButton.js');
 var ToolbarGroup = require('./components/Toolbar/ToolbarGroup.js');
 var TruncatedList = require('./components/TruncatedList/TruncatedList.js');
 var ComboButton = require('./components/ComboButton/ComboButton.js');
-var index$4 = require('./components/ComboButton/ComboButtonItem/index.js');
+var index$5 = require('./components/ComboButton/ComboButtonItem/index.js');
 var Datagrid = require('./components/Datagrid/Datagrid/Datagrid.js');
 var useDatagrid = require('./components/Datagrid/useDatagrid.js');
 var useInfiniteScroll = require('./components/Datagrid/useInfiniteScroll.js');
@@ -180,7 +180,7 @@ exports.InterstitialScreen = InterstitialScreen.InterstitialScreen;
 exports.MultiAddSelect = MultiAddSelect.MultiAddSelect;
 exports.NotificationsPanel = NotificationsPanel.NotificationsPanel;
 exports.OptionsTile = OptionsTile.OptionsTile;
-exports.PageHeader = PageHeader$1.PageHeader;
+exports.PageHeader = PageHeader.PageHeader;
 exports.ProductiveCard = ProductiveCard.ProductiveCard;
 exports.RemoveModal = RemoveModal.RemoveModal;
 exports.Saving = Saving.Saving;
@@ -197,14 +197,14 @@ Object.defineProperty(exports, "TruncatedText", {
 });
 exports.WebTerminal = WebTerminal.WebTerminal;
 exports.WebTerminalContentWrapper = WebTerminalContentWrapper.WebTerminalContentWrapper;
-exports.WebTerminalProvider = index$3.WebTerminalProvider;
-exports.useWebTerminal = index$3.useWebTerminal;
+exports.WebTerminalProvider = index$4.WebTerminalProvider;
+exports.useWebTerminal = index$4.useWebTerminal;
 exports.preview__Coachmark = index;
 exports.preview__CoachmarkTagline = index$1;
-exports.preview__FeatureFlags = index$2.FeatureFlags;
-exports.preview__useFeatureFlag = index$2.useFeatureFlag;
-exports.preview__useFeatureFlags = index$2.useFeatureFlags;
-exports.preview__PageHeader = PageHeader;
+exports.preview__FeatureFlags = index$3.FeatureFlags;
+exports.preview__useFeatureFlag = index$3.useFeatureFlag;
+exports.preview__useFeatureFlags = index$3.useFeatureFlags;
+exports.preview__PageHeader = index$2;
 exports.previewCandidate__BigNumber = BigNumber.BigNumber;
 exports.previewCandidate__Coachmark = Coachmark.Coachmark;
 exports.BEACON_KIND = enums.BEACON_KIND;
@@ -234,7 +234,7 @@ exports.previewCandidate__ToolbarButton = ToolbarButton.ToolbarButton;
 exports.previewCandidate__ToolbarGroup = ToolbarGroup.ToolbarGroup;
 exports.previewCandidate__TruncatedList = TruncatedList.TruncatedList;
 exports.ComboButton = ComboButton.ComboButton;
-exports.ComboButtonItem = index$4.ComboButtonItem;
+exports.ComboButtonItem = index$5.ComboButtonItem;
 exports.Datagrid = Datagrid.Datagrid;
 exports.useDatagrid = useDatagrid.default;
 exports.useInfiniteScroll = useInfiniteScroll.default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.77.0-rc.0",
+  "version": "2.77.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -82,7 +82,7 @@
     "@storybook/react-vite": "^9.0.13",
     "@types/react-table": "^7.7.20",
     "babel-plugin-dev-expression": "^0.2.3",
-    "babel-preset-ibm-cloud-cognitive": "^0.35.0-rc.0",
+    "babel-preset-ibm-cloud-cognitive": "^0.35.0",
     "change-case": "5.4.4",
     "classnames": "^2.5.1",
     "copyfiles": "^2.4.1",
@@ -90,7 +90,7 @@
     "fs-extra": "^11.3.0",
     "glob": "^11.0.1",
     "jest": "^29.7.0",
-    "jest-config-ibm-cloud-cognitive": "^1.36.0-rc.0",
+    "jest-config-ibm-cloud-cognitive": "^1.36.0",
     "jest-environment-jsdom": "^29.7.0",
     "namor": "^1.1.2",
     "npm-run-all2": "^8.0.0",
@@ -110,7 +110,7 @@
     "@babel/runtime": "^7.26.10",
     "@carbon-labs/react-resizer": "^0.10.0",
     "@carbon/feature-flags": "^0.30.0",
-    "@carbon/ibm-products-styles": "^2.73.0-rc.0",
+    "@carbon/ibm-products-styles": "^2.73.0",
     "@carbon/telemetry": "^0.1.0",
     "@carbon/utilities": "^0.9.0",
     "@carbon/utilities-react": "0.12.0",
@@ -132,5 +132,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0"
   },
-  "gitHead": "cac201df1c2c6f019e72a981568a176c0f37f7a2"
+  "gitHead": "f7b1c8e01cadc4ade55fee6935d03525d14aa719"
 }