@itwin/itwinui-react 3.13.0 → 3.13.2

package/CHANGELOG.md

@@ -1,10 +1,25 @@
 # Changelog
 
+## 3.13.2
+
+### Patch Changes
+
+- [#2143](https://github.com/iTwin/iTwinUI/pull/2143): Added `border-radius` to the `Table` component so that the border radius is correctly applied to the `Table`'s corners.
+- [#2161](https://github.com/iTwin/iTwinUI/pull/2161): Fixed issue where `emptyTableContent` would not appear on virutalized `Table` components.
+
+## 3.13.1
+
+### Patch Changes
+
+- [#2147](https://github.com/iTwin/iTwinUI/pull/2147): Fixed a CSS issue in `ExpandableBlock` where its content wouldn't stay constrained by the width of the parent.
+- [#2148](https://github.com/iTwin/iTwinUI/pull/2148): Fixed regression where the value of the `toggleRowSelected` action for the `Table` would be undefined when `selectSubRows` was set to `false`.
+
 ## 3.13.0
 
 ### Minor Changes
 
 - [#2106](https://github.com/iTwin/iTwinUI/pull/2106): All internal CSS class prefixes have been changed to prevent style conflicts across minor versions.
+
   - While this is _not_ considered a breaking change according to our [support policy](https://github.com/iTwin/iTwinUI/wiki/Support-policy), this change might affect you if you ignore our pleas to not rely on these internal class names. The recommendation is to pass your own custom `className` through props.
 
 - [#2131](https://github.com/iTwin/iTwinUI/pull/2131): Development-only warnings will now be properly excluded from the production build. This is done using a separate `"development"` entrypoint listed in `package.json#exports`.
@@ -12,20 +27,22 @@
 - [#2135](https://github.com/iTwin/iTwinUI/pull/2135): Changed the column manager from a `DropdownMenu` to a `Popover` to fix invalid markup and accessibility issues.
 
 - Added dependency on `@tanstack/react-virtual` to replace the custom virtual-scroll implementation. This affects the `enableVirtualization` prop in `ComboBox`, `Table`, and `Tree`.
+
   - [#2061](https://github.com/iTwin/iTwinUI/pull/2061): Virtualized `ComboBox` now correctly supports dynamic sizing, e.g. when options both with and without `subLabel` are present.
   - [#2092](https://github.com/iTwin/iTwinUI/pull/2092): Virtualized `Table` has been improved so that scrolling no longer jumps when rows are scrolled past.
   - [#2139](https://github.com/iTwin/iTwinUI/pull/2139): Virtualized `Tree` no longer requires a wrapping scrollable element, since the tree itself is scrollable now.
     <details>
       <summary>Diff</summary>
 
-      ```diff
-      - <div style={{overflow: 'auto', height: 'min(400px, 90vh)'}}>
-          <Tree
-            enableVirtualization
-      +     style={{height: 'min(400px, 90vh)'}}
-          />
-      - </div>
-      ```
+    ```diff
+    - <div style={{overflow: 'auto', height: 'min(400px, 90vh)'}}>
+        <Tree
+          enableVirtualization
+    +     style={{height: 'min(400px, 90vh)'}}
+        />
+    - </div>
+    ```
+
     </details>
 
 ### Patch Changes

package/DEV-cjs/core/Table/Table.js

@@ -500,14 +500,7 @@ const Table = (props)=>{
         }),
         tabIndex: -1,
         "aria-multiselectable": isSelectable && 'multi' === selectionMode || void 0
-    }, _react.createElement(_index.ShadowRoot, {
-        css: `
-              div,
-              slot {
-                border-radius: inherit;
-              }
-            `
-    }, enableVirtualization ? _react.createElement("div", {
+    }, _react.createElement(_index.ShadowRoot, null, enableVirtualization && 0 !== data.length ? _react.createElement("div", {
         style: {
             minBlockSize: virtualizer.getTotalSize(),
             minInlineSize: '100%',

package/DEV-cjs/core/Table/columns/selectionColumn.js

@@ -56,7 +56,7 @@ const SelectionColumn = (props = {})=>{
                 onClick: (e)=>e.stopPropagation(),
                 onChange: ()=>{
                     if (row.subRows.length > 0 && selectSubRows) row.toggleRowSelected(!row.subRows.every((subRow)=>subRow.isSelected || isDisabled?.(subRow.original)));
-                    else row.toggleRowSelected();
+                    else row.toggleRowSelected(!row.isSelected);
                 }
             }),
         cellRenderer: (props)=>_react.createElement(_index.DefaultCell, {

package/DEV-cjs/styles.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="3.13.0";const u=new Proxy({},{get(t,i){if(typeof i=="string"&&i.startsWith("iui-"))return i.replace("iui-",`_iui${e.replace(/\./g,"")}-`)},has(t,i){return typeof i=="string"&&i.startsWith("iui-")}});exports.styles=u;exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="3.13.2";const u=new Proxy({},{get(t,i){if(typeof i=="string"&&i.startsWith("iui-"))return i.replace("iui-",`_iui${e.replace(/\./g,"")}-`)},has(t,i){return typeof i=="string"&&i.startsWith("iui-")}});exports.styles=u;exports.version=e;

package/DEV-esm/core/Table/Table.js

@@ -480,14 +480,7 @@ export const Table = (props)=>{
         }),
         tabIndex: -1,
         "aria-multiselectable": isSelectable && 'multi' === selectionMode || void 0
-    }, React.createElement(ShadowRoot, {
-        css: `
-              div,
-              slot {
-                border-radius: inherit;
-              }
-            `
-    }, enableVirtualization ? React.createElement("div", {
+    }, React.createElement(ShadowRoot, null, enableVirtualization && 0 !== data.length ? React.createElement("div", {
         style: {
             minBlockSize: virtualizer.getTotalSize(),
             minInlineSize: '100%',

package/DEV-esm/core/Table/columns/selectionColumn.js

@@ -37,7 +37,7 @@ export const SelectionColumn = (props = {})=>{
                 onClick: (e)=>e.stopPropagation(),
                 onChange: ()=>{
                     if (row.subRows.length > 0 && selectSubRows) row.toggleRowSelected(!row.subRows.every((subRow)=>subRow.isSelected || isDisabled?.(subRow.original)));
-                    else row.toggleRowSelected();
+                    else row.toggleRowSelected(!row.isSelected);
                 }
             }),
         cellRenderer: (props)=>React.createElement(DefaultCell, {

package/DEV-esm/styles.js

@@ -1,4 +1,4 @@
-const t = "3.13.0";
+const t = "3.13.2";
 const u = new Proxy(
   {},
   {

package/cjs/core/Table/Table.js

@@ -760,15 +760,8 @@ const Table = (props) => {
         },
         _react.createElement(
           _index.ShadowRoot,
-          {
-            css: `
-              div,
-              slot {
-                border-radius: inherit;
-              }
-            `,
-          },
-          enableVirtualization
+          null,
+          enableVirtualization && 0 !== data.length
             ? _react.createElement(
                 'div',
                 {

package/cjs/core/Table/columns/selectionColumn.js

@@ -76,7 +76,7 @@ const SelectionColumn = (props = {}) => {
                 (subRow) => subRow.isSelected || isDisabled?.(subRow.original),
               ),
             );
-          else row.toggleRowSelected();
+          else row.toggleRowSelected(!row.isSelected);
         },
       }),
     cellRenderer: (props) =>

package/cjs/styles.js

@@ -1,6 +1,6 @@
 'use strict';
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const e = '3.13.0';
+const e = '3.13.2';
 const u = new Proxy(
   {},
   {

package/esm/core/Table/Table.js

@@ -772,15 +772,8 @@ export const Table = (props) => {
         },
         React.createElement(
           ShadowRoot,
-          {
-            css: `
-              div,
-              slot {
-                border-radius: inherit;
-              }
-            `,
-          },
-          enableVirtualization
+          null,
+          enableVirtualization && 0 !== data.length
             ? React.createElement(
                 'div',
                 {

package/esm/core/Table/columns/selectionColumn.js

@@ -56,7 +56,7 @@ export const SelectionColumn = (props = {}) => {
                 (subRow) => subRow.isSelected || isDisabled?.(subRow.original),
               ),
             );
-          else row.toggleRowSelected();
+          else row.toggleRowSelected(!row.isSelected);
         },
       }),
     cellRenderer: (props) =>

package/esm/styles.js

@@ -1,4 +1,4 @@
-const t = '3.13.0';
+const t = '3.13.2';
 const u = new Proxy(
   {},
   {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-react",
-  "version": "3.13.0",
+  "version": "3.13.2",
   "author": "Bentley Systems",
   "license": "MIT",
   "type": "module",