@itwin/itwinui-react 2.4.1 → 2.4.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2.4.2
+
+### Patch Changes
+
+- cbcd97a4: Fixed an issue in ComboBox where the height of empty state content was not getting updated when using `enableVirtualization`.
+
 ## 2.4.1
 
 ### Patch Changes

package/cjs/core/utils/components/VirtualScroll.js

@@ -1,7 +1,31 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useVirtualization = exports.VirtualScroll = void 0;
 /*---------------------------------------------------------------------------------------------
@@ -9,7 +33,9 @@ exports.useVirtualization = exports.VirtualScroll = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const react_1 = __importDefault(require("react"));
+const ReactDOM = __importStar(require("react-dom"));
 const hooks_1 = require("../hooks");
+const unstable_batchedUpdates = (_a = ReactDOM.unstable_batchedUpdates) !== null && _a !== void 0 ? _a : ((cb) => void cb());
 const getScrollableParent = (element, ownerDocument = document) => {
     if (!element || element === ownerDocument.body) {
         return ownerDocument.body;
@@ -145,8 +171,10 @@ const useVirtualization = (props) => {
         if (height > 0) {
             setIsMounted(true);
         }
-        setScrollContainerHeight(height);
-        updateChildHeight();
+        unstable_batchedUpdates(() => {
+            setScrollContainerHeight(height);
+            updateChildHeight();
+        });
     }, [updateChildHeight]);
     const [resizeRef, resizeObserver] = (0, hooks_1.useResizeObserver)(onResize);
     // Find scrollable parent

package/esm/core/utils/components/VirtualScroll.js

@@ -1,9 +1,12 @@
+var _a;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import React from 'react';
+import * as ReactDOM from 'react-dom';
 import { mergeRefs, useResizeObserver, useIsomorphicLayoutEffect, } from '../hooks';
+const unstable_batchedUpdates = (_a = ReactDOM.unstable_batchedUpdates) !== null && _a !== void 0 ? _a : ((cb) => void cb());
 const getScrollableParent = (element, ownerDocument = document) => {
     if (!element || element === ownerDocument.body) {
         return ownerDocument.body;
@@ -139,8 +142,10 @@ export const useVirtualization = (props) => {
         if (height > 0) {
             setIsMounted(true);
         }
-        setScrollContainerHeight(height);
-        updateChildHeight();
+        unstable_batchedUpdates(() => {
+            setScrollContainerHeight(height);
+            updateChildHeight();
+        });
     }, [updateChildHeight]);
     const [resizeRef, resizeObserver] = useResizeObserver(onResize);
     // Find scrollable parent

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-react",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "author": "Bentley Systems",
   "license": "MIT",
   "main": "cjs/index.js",