@carbon/ibm-products 2.100.0 → 2.101.0

package/es/components/Datagrid/useSortableColumns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSortableColumns.d.ts","sourceRoot":"","sources":["../../../src/components/Datagrid/useSortableColumns.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,OAAO,EAAE,KAAK,EAAiB,MAAM,aAAa,CAAC;AAGnD,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;CAClC;AAID,eAAO,MAAM,eAAe,GAAI,eAAe,OAAO,GAAG,MAAM,UAwB9D,CAAC;AAaF,QAAA,MAAM,kBAAkB,GAAI,OAAO,KAAK,SA6GvC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"useSortableColumns.d.ts","sourceRoot":"","sources":["../../../src/components/Datagrid/useSortableColumns.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,OAAO,EAAE,KAAK,EAAiB,MAAM,aAAa,CAAC;AAGnD,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;CAClC;AAID,eAAO,MAAM,eAAe,GAAI,eAAe,OAAO,GAAG,MAAM,UAwB9D,CAAC;AAQF,QAAA,MAAM,kBAAkB,GAAI,OAAO,KAAK,SA4GvC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/es/components/Datagrid/useSortableColumns.js

@@ -41,12 +41,6 @@ const getNewSortOrder = (currentOrder) => {
 	}
 	return order;
 };
-const getAriaPressedValue = (col) => {
-	if (!col) return;
-	const { isSorted } = col;
-	if (isSorted) return "true";
-	return "false";
-};
 const useSortableColumns = (hooks) => {
 	const carbonPrefix = usePrefix();
 	const sortableVisibleColumns = (visibleColumns, { instance }) => {
@@ -81,7 +75,6 @@ const useSortableColumns = (hooks) => {
 				if (key === "Enter") setTimeout(() => document.getElementById(columnId)?.focus(), 0);
 			};
 			const Header = (headerProp) => column.disableSortBy === true || column.id === "datagridSelection" || column.isAction ? column.disableSortBy || column.isAction ? column.Header : /* @__PURE__ */ React.createElement(SelectAll, instance) : /* @__PURE__ */ React.createElement(Button, {
-				"aria-pressed": getAriaPressedValue(headerProp?.column),
 				onClick: (event) => onSortClick(event, headerProp?.column),
 				kind: "ghost",
 				renderIcon: (props) => {

package/es/global/js/hooks/useOverflowItems/useOverflowItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOverflowItems.d.ts","sourceRoot":"","sources":["../../../../../src/global/js/hooks/useOverflowItems/useOverflowItems.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAGpD,KAAK,IAAI,GAAG;IACV,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,IAAI,EAC7C,KAAK,EAAE,CAAC,EAAO,EACf,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3C,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACzC,QAAQ,CAAC,EAAE,MAAM,EACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;IACjB,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,KAAK,IAAI,GACT;IACD,YAAY,EAAE,CAAC,EAAE,CAAC;IAClB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,WAAW,EAAE,CAAC,EAAE,CAAC;IACjB,gBAAgB,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,WAAW,CAAC;CAC7D,CA4HA"}
+{"version":3,"file":"useOverflowItems.d.ts","sourceRoot":"","sources":["../../../../../src/global/js/hooks/useOverflowItems/useOverflowItems.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAIpD,KAAK,IAAI,GAAG;IACV,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,IAAI,EAC7C,KAAK,EAAE,CAAC,EAAO,EACf,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3C,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACzC,QAAQ,CAAC,EAAE,MAAM,EACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;IACjB,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,KAAK,IAAI,GACT;IACD,YAAY,EAAE,CAAC,EAAE,CAAC;IAClB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,WAAW,EAAE,CAAC,EAAE,CAAC;IACjB,gBAAgB,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,WAAW,CAAC;CAC7D,CAwIA"}

package/es/global/js/hooks/useOverflowItems/useOverflowItems.js

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { useIsomorphicEffect } from "../useIsomorphicEffect.js";
 import { useResizeObserver } from "../useResizeObserver.js";
 import { useRef, useState } from "react";
 //#region src/global/js/hooks/useOverflowItems/useOverflowItems.ts
@@ -73,18 +74,22 @@ function useOverflowItems(items = [], containerRef, offsetRef, maxItems, onChang
 	};
 	const visibleItems = getVisibleItems();
 	const hiddenItems = items.slice(visibleItems?.length);
-	if (visibleItems?.length !== visibleItemCount.current || remainingWidth !== minWidthRef.current || requiredWidth !== requiredWidthRef.current) {
-		visibleItemCount.current = visibleItems?.length;
-		minWidthRef.current = remainingWidth;
-		requiredWidthRef.current = requiredWidth;
-		const firstItemKey = getMap()?.keys()?.next()?.value || "";
-		const firstItemWidth = getMap()?.get(firstItemKey) || 0;
-		onChange?.({
-			hiddenItems,
-			minWidth: remainingWidth,
-			maxWidth: requiredWidth + firstItemWidth
-		});
-	}
+	const onChangeRef = useRef(onChange);
+	onChangeRef.current = onChange;
+	useIsomorphicEffect(() => {
+		if (visibleItems?.length !== visibleItemCount.current || remainingWidth !== minWidthRef.current || requiredWidth !== requiredWidthRef.current) {
+			visibleItemCount.current = visibleItems?.length;
+			minWidthRef.current = remainingWidth;
+			requiredWidthRef.current = requiredWidth;
+			const firstItemKey = getMap()?.keys()?.next()?.value || "";
+			const firstItemWidth = getMap()?.get(firstItemKey) || 0;
+			onChangeRef.current?.({
+				hiddenItems,
+				minWidth: remainingWidth,
+				maxWidth: requiredWidth + firstItemWidth
+			});
+		}
+	});
 	return {
 		visibleItems,
 		itemRefHandler,

package/es/global/js/hooks/useWindowResize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowResize.d.ts","sourceRoot":"","sources":["../../../../src/global/js/hooks/useWindowResize.js"],"names":[],"mappings":"AAqBO,yFAiCN"}
+{"version":3,"file":"useWindowResize.d.ts","sourceRoot":"","sources":["../../../../src/global/js/hooks/useWindowResize.js"],"names":[],"mappings":"AAqBO,yFA0CN"}

package/es/global/js/hooks/useWindowResize.js

@@ -49,8 +49,11 @@ const useWindowResize = (effect, deps, throttleInterval = 0) => {
 			} else doGetWindowSize();
 		};
 		window.addEventListener("resize", handleResize);
-		doGetWindowSize();
-		return () => window.removeEventListener("resize", handleResize);
+		const initialSizeId = setTimeout(doGetWindowSize, 0);
+		return () => {
+			window.removeEventListener("resize", handleResize);
+			clearTimeout(initialSizeId);
+		};
 	}, deps);
 };
 //#endregion

package/lib/components/Datagrid/useSortableColumns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSortableColumns.d.ts","sourceRoot":"","sources":["../../../src/components/Datagrid/useSortableColumns.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,OAAO,EAAE,KAAK,EAAiB,MAAM,aAAa,CAAC;AAGnD,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;CAClC;AAID,eAAO,MAAM,eAAe,GAAI,eAAe,OAAO,GAAG,MAAM,UAwB9D,CAAC;AAaF,QAAA,MAAM,kBAAkB,GAAI,OAAO,KAAK,SA6GvC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"useSortableColumns.d.ts","sourceRoot":"","sources":["../../../src/components/Datagrid/useSortableColumns.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,OAAO,EAAE,KAAK,EAAiB,MAAM,aAAa,CAAC;AAGnD,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;CAClC;AAID,eAAO,MAAM,eAAe,GAAI,eAAe,OAAO,GAAG,MAAM,UAwB9D,CAAC;AAQF,QAAA,MAAM,kBAAkB,GAAI,OAAO,KAAK,SA4GvC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/components/Datagrid/useSortableColumns.js

@@ -42,12 +42,6 @@ const getNewSortOrder = (currentOrder) => {
 	}
 	return order;
 };
-const getAriaPressedValue = (col) => {
-	if (!col) return;
-	const { isSorted } = col;
-	if (isSorted) return "true";
-	return "false";
-};
 const useSortableColumns = (hooks) => {
 	const carbonPrefix = (0, _carbon_react.usePrefix)();
 	const sortableVisibleColumns = (visibleColumns, { instance }) => {
@@ -82,7 +76,6 @@ const useSortableColumns = (hooks) => {
 				if (key === "Enter") setTimeout(() => document.getElementById(columnId)?.focus(), 0);
 			};
 			const Header = (headerProp) => column.disableSortBy === true || column.id === "datagridSelection" || column.isAction ? column.disableSortBy || column.isAction ? column.Header : /* @__PURE__ */ react.default.createElement(require_DatagridSelectAll.SelectAll, instance) : /* @__PURE__ */ react.default.createElement(_carbon_react.Button, {
-				"aria-pressed": getAriaPressedValue(headerProp?.column),
 				onClick: (event) => onSortClick(event, headerProp?.column),
 				kind: "ghost",
 				renderIcon: (props) => {

package/lib/global/js/hooks/useOverflowItems/useOverflowItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOverflowItems.d.ts","sourceRoot":"","sources":["../../../../../src/global/js/hooks/useOverflowItems/useOverflowItems.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAGpD,KAAK,IAAI,GAAG;IACV,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,IAAI,EAC7C,KAAK,EAAE,CAAC,EAAO,EACf,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3C,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACzC,QAAQ,CAAC,EAAE,MAAM,EACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;IACjB,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,KAAK,IAAI,GACT;IACD,YAAY,EAAE,CAAC,EAAE,CAAC;IAClB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,WAAW,EAAE,CAAC,EAAE,CAAC;IACjB,gBAAgB,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,WAAW,CAAC;CAC7D,CA4HA"}
+{"version":3,"file":"useOverflowItems.d.ts","sourceRoot":"","sources":["../../../../../src/global/js/hooks/useOverflowItems/useOverflowItems.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAIpD,KAAK,IAAI,GAAG;IACV,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,IAAI,EAC7C,KAAK,EAAE,CAAC,EAAO,EACf,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3C,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACzC,QAAQ,CAAC,EAAE,MAAM,EACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;IACjB,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,KAAK,IAAI,GACT;IACD,YAAY,EAAE,CAAC,EAAE,CAAC;IAClB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,WAAW,EAAE,CAAC,EAAE,CAAC;IACjB,gBAAgB,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,WAAW,CAAC;CAC7D,CAwIA"}

package/lib/global/js/hooks/useOverflowItems/useOverflowItems.js

@@ -6,6 +6,7 @@
  */
 
 require("../../../../_virtual/_rolldown/runtime.js");
+const require_useIsomorphicEffect = require("../useIsomorphicEffect.js");
 const require_useResizeObserver = require("../useResizeObserver.js");
 let react = require("react");
 //#region src/global/js/hooks/useOverflowItems/useOverflowItems.ts
@@ -74,18 +75,22 @@ function useOverflowItems(items = [], containerRef, offsetRef, maxItems, onChang
 	};
 	const visibleItems = getVisibleItems();
 	const hiddenItems = items.slice(visibleItems?.length);
-	if (visibleItems?.length !== visibleItemCount.current || remainingWidth !== minWidthRef.current || requiredWidth !== requiredWidthRef.current) {
-		visibleItemCount.current = visibleItems?.length;
-		minWidthRef.current = remainingWidth;
-		requiredWidthRef.current = requiredWidth;
-		const firstItemKey = getMap()?.keys()?.next()?.value || "";
-		const firstItemWidth = getMap()?.get(firstItemKey) || 0;
-		onChange?.({
-			hiddenItems,
-			minWidth: remainingWidth,
-			maxWidth: requiredWidth + firstItemWidth
-		});
-	}
+	const onChangeRef = (0, react.useRef)(onChange);
+	onChangeRef.current = onChange;
+	require_useIsomorphicEffect.useIsomorphicEffect(() => {
+		if (visibleItems?.length !== visibleItemCount.current || remainingWidth !== minWidthRef.current || requiredWidth !== requiredWidthRef.current) {
+			visibleItemCount.current = visibleItems?.length;
+			minWidthRef.current = remainingWidth;
+			requiredWidthRef.current = requiredWidth;
+			const firstItemKey = getMap()?.keys()?.next()?.value || "";
+			const firstItemWidth = getMap()?.get(firstItemKey) || 0;
+			onChangeRef.current?.({
+				hiddenItems,
+				minWidth: remainingWidth,
+				maxWidth: requiredWidth + firstItemWidth
+			});
+		}
+	});
 	return {
 		visibleItems,
 		itemRefHandler,

package/lib/global/js/hooks/useWindowResize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowResize.d.ts","sourceRoot":"","sources":["../../../../src/global/js/hooks/useWindowResize.js"],"names":[],"mappings":"AAqBO,yFAiCN"}
+{"version":3,"file":"useWindowResize.d.ts","sourceRoot":"","sources":["../../../../src/global/js/hooks/useWindowResize.js"],"names":[],"mappings":"AAqBO,yFA0CN"}

package/lib/global/js/hooks/useWindowResize.js

@@ -50,8 +50,11 @@ const useWindowResize = (effect, deps, throttleInterval = 0) => {
 			} else doGetWindowSize();
 		};
 		window.addEventListener("resize", handleResize);
-		doGetWindowSize();
-		return () => window.removeEventListener("resize", handleResize);
+		const initialSizeId = setTimeout(doGetWindowSize, 0);
+		return () => {
+			window.removeEventListener("resize", handleResize);
+			clearTimeout(initialSizeId);
+		};
 	}, deps);
 };
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.100.0",
+  "version": "2.101.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -67,7 +67,7 @@
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@carbon/charts-react": "^1.27.18",
-    "@carbon/ibm-products-utilities": "1.9.0",
+    "@carbon/ibm-products-utilities": "1.10.0",
     "@carbon/styles": "^1.114.0",
     "@figma/code-connect": "^1.4.0",
     "@ibm/telemetry-js-config-generator": "^2.0.1",
@@ -80,7 +80,7 @@
     "@types/react-table": "^7.7.20",
     "@vitejs/plugin-react": "^5.0.0",
     "babel-plugin-dev-expression": "^0.2.3",
-    "babel-preset-ibm-cloud-cognitive": "^0.58.0",
+    "babel-preset-ibm-cloud-cognitive": "^0.59.0",
     "change-case": "5.4.4",
     "classnames": "^2.5.1",
     "copyfiles": "^2.4.1",
@@ -88,7 +88,7 @@
     "fs-extra": "^11.3.0",
     "glob": "^13.0.0",
     "jest": "^30.0.5",
-    "jest-config-ibm-cloud-cognitive": "^1.59.0",
+    "jest-config-ibm-cloud-cognitive": "^1.60.0",
     "jest-environment-jsdom": "^30.0.5",
     "namor": "^1.1.2",
     "npm-run-all2": "^8.0.0",
@@ -108,7 +108,7 @@
     "@babel/runtime": "^7.26.10",
     "@carbon-labs/react-resizer": "^0.25.0",
     "@carbon/feature-flags": "^1.8.0",
-    "@carbon/ibm-products-styles": "^2.96.0",
+    "@carbon/ibm-products-styles": "^2.97.0",
     "@carbon/telemetry": "^0.1.0",
     "@carbon/utilities": "^0.25.0",
     "@carbon/utilities-react": "0.28.0",
@@ -132,5 +132,5 @@
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
     "react-is": "^16.13.1 || ^17.0.2 || ^18.3.1 || ^19.0.0"
   },
-  "gitHead": "27710b2ea428a3904fc8895ee9b4c2798188f6db"
+  "gitHead": "98ae41eaf299c34c31791548eb153ea1f99263d7"
 }

package/scss/components/Tearsheet/_tearsheet_next.scss

@@ -500,7 +500,7 @@ $transform-start: translate3d(0, calc(min(95vh, 500px)), 0);
   @include type.type-style('label-01');
 
   color: $text-secondary;
-  margin-block-end: $spacing-02;
+  margin-block: 0 $spacing-02;
 }
 
 .#{$block-class__next}__header-title {
@@ -514,6 +514,7 @@ $transform-start: translate3d(0, calc(min(95vh, 500px)), 0);
   align-items: flex-start;
   gap: $spacing-05;
   margin-block-end: $spacing-03;
+  margin-block-start: 0;
 
   &--no-content-below {
     margin-block-end: 0;