@itwin/itwinui-react 3.15.1 → 3.15.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 3.15.2
+
+### Patch Changes
+
+- [#2275](https://github.com/iTwin/iTwinUI/pull/2275): Made the `ActionType.type` type in `Table` more specific. This will help when using the `action` argument in the `stateReducer` function, for example.
+- [#2273](https://github.com/iTwin/iTwinUI/pull/2273): Fixed an issue where the internal unit test detection logic was incorrectly treating Cypress like a unit test environment.
+
 ## 3.15.1
 
 ### Patch Changes
@@ -13,6 +20,7 @@
 ### Minor Changes
 
 - [#2233](https://github.com/iTwin/iTwinUI/pull/2233): `Popover` now enables the [`hide` middleware](https://floating-ui.com/docs/hide) to hide the floating content when the trigger is hidden.
+
   - This also affects other popover-like components (e.g. `Select`, `ComboBox`, `DropdownMenu`, `SplitButton`).
   - If the floating content gets hidden even when it shouldn't (e.g. due to some custom styles interfering with the trigger's hide detection), consider disabling the `hide` middleware.
 

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

@@ -41,6 +41,7 @@ const ExpanderColumn = (props = {}) => {
         return _react.createElement(
           _IconButton.IconButton,
           {
+            'aria-label': 'Toggle expandable content',
             className: 'iui-table-row-expander',
             styleType: 'borderless',
             size: 'small',

package/DEV-cjs/react-table/react-table.types-test.js

@@ -402,6 +402,7 @@ const _index1 = require('../index.js');
                 styleType: 'borderless',
                 onClick: (e) => e.stopPropagation(),
                 disabled: isRowDisabled(props.row.original),
+                label: 'Column manager',
               },
               _react.default.createElement('svg', null),
             ),

package/DEV-cjs/styles.js

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

package/DEV-cjs/utils/functions/dev.js

@@ -9,9 +9,11 @@ Object.defineProperty(exports, 'isUnitTest', {
   },
 });
 const isJest = 'undefined' != typeof jest;
+const isCypress = void 0 !== globalThis.Cypress;
 const isMocha =
   void 0 !== globalThis.beforeEach &&
   'function(name,fn){suites[0].beforeEach(name,fn);}' ===
-    `${globalThis.beforeEach}`.replace(/\s/g, '');
+    `${globalThis.beforeEach}`.replace(/\s/g, '') &&
+  !isCypress;
 const isVitest = void 0 !== globalThis.__vitest_index__;
 const isUnitTest = isJest || isVitest || isMocha;

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

@@ -21,6 +21,7 @@ export const ExpanderColumn = (props = {}) => {
         return React.createElement(
           IconButton,
           {
+            'aria-label': 'Toggle expandable content',
             className: 'iui-table-row-expander',
             styleType: 'borderless',
             size: 'small',

package/DEV-esm/react-table/react-table.types-test.js

@@ -409,6 +409,7 @@ import {
                 styleType: 'borderless',
                 onClick: (e) => e.stopPropagation(),
                 disabled: isRowDisabled(props.row.original),
+                label: 'Column manager',
               },
               React.createElement('svg', null),
             ),

package/DEV-esm/styles.js

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

package/DEV-esm/utils/functions/dev.js

@@ -1,8 +1,10 @@
 let isJest = 'undefined' != typeof jest;
+let isCypress = void 0 !== globalThis.Cypress;
 let isMocha =
   void 0 !== globalThis.beforeEach &&
   'function(name,fn){suites[0].beforeEach(name,fn);}' ===
-    `${globalThis.beforeEach}`.replace(/\s/g, '');
+    `${globalThis.beforeEach}`.replace(/\s/g, '') &&
+  !isCypress;
 let isVitest = void 0 !== globalThis.__vitest_index__;
 let isUnitTest = isJest || isVitest || isMocha;
 export { isUnitTest };

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

@@ -41,6 +41,7 @@ const ExpanderColumn = (props = {}) => {
         return _react.createElement(
           _IconButton.IconButton,
           {
+            'aria-label': 'Toggle expandable content',
             className: 'iui-table-row-expander',
             styleType: 'borderless',
             size: 'small',

package/cjs/react-table/react-table.d.ts

@@ -721,9 +721,12 @@ export interface SortingRule<D> {
     id: IdType<D>;
     desc?: boolean | undefined;
 }
-export declare const actions: Record<string, string>;
+type BuiltInAction = 'init' | 'resetHiddenColumns' | 'toggleHideColumn' | 'setHiddenColumns' | 'toggleHideAllColumns' | 'resetPivot' | 'togglePivot' | 'resetColumnOrder' | 'setColumnOrder' | 'resetExpanded' | 'toggleRowExpanded' | 'toggleAllRowsExpanded' | 'resetFilters' | 'setFilter' | 'setAllFilters' | 'resetGlobalFilter' | 'setGlobalFilter' | 'columnStartResizing' | 'columnResizing' | 'columnDoneResizing' | 'resetResize' | 'resetGroupBy' | 'setGroupBy' | 'toggleGroupBy' | 'resetPage' | 'gotoPage' | 'setPageSize' | 'resetSelectedRows' | 'toggleAllRowsSelected' | 'toggleRowSelected' | 'toggleAllPageRowsSelected' | 'setRowState' | 'setCellState' | 'resetRowState' | 'resetSortBy' | 'setSortBy' | 'toggleSortBy' | 'clearSortBy';
+type CustomAction = 'setScrolledLeft' | 'setScrolledRight' | 'columnDragStart' | 'columnDragEnd' | 'singleRowSelected' | 'shiftRowSelected' | 'tableResizeStart' | 'tableResizeEnd';
+type PossibleActionType = BuiltInAction | CustomAction | AnyString;
+export declare const actions: Record<PossibleActionType, string>;
 export type ActionType = {
-    type: string;
+    type: PossibleActionType;
 } & Record<string, any>;
 export declare const defaultColumn: Partial<Column> & Record<string, any>;
 export type StringKey<D> = Extract<keyof D, string>;

package/cjs/react-table/react-table.types-test.js

@@ -402,6 +402,7 @@ const _index1 = require('../index.js');
                 styleType: 'borderless',
                 onClick: (e) => e.stopPropagation(),
                 disabled: isRowDisabled(props.row.original),
+                label: 'Column manager',
               },
               _react.default.createElement('svg', null),
             ),

package/cjs/styles.js

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

package/cjs/utils/functions/dev.js

@@ -9,9 +9,11 @@ Object.defineProperty(exports, 'isUnitTest', {
   },
 });
 const isJest = 'undefined' != typeof jest;
+const isCypress = void 0 !== globalThis.Cypress;
 const isMocha =
   void 0 !== globalThis.beforeEach &&
   'function(name,fn){suites[0].beforeEach(name,fn);}' ===
-    `${globalThis.beforeEach}`.replace(/\s/g, '');
+    `${globalThis.beforeEach}`.replace(/\s/g, '') &&
+  !isCypress;
 const isVitest = void 0 !== globalThis.__vitest_index__;
 const isUnitTest = isJest || isVitest || isMocha;

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

@@ -21,6 +21,7 @@ export const ExpanderColumn = (props = {}) => {
         return React.createElement(
           IconButton,
           {
+            'aria-label': 'Toggle expandable content',
             className: 'iui-table-row-expander',
             styleType: 'borderless',
             size: 'small',

package/esm/react-table/react-table.d.ts

@@ -721,9 +721,12 @@ export interface SortingRule<D> {
     id: IdType<D>;
     desc?: boolean | undefined;
 }
-export declare const actions: Record<string, string>;
+type BuiltInAction = 'init' | 'resetHiddenColumns' | 'toggleHideColumn' | 'setHiddenColumns' | 'toggleHideAllColumns' | 'resetPivot' | 'togglePivot' | 'resetColumnOrder' | 'setColumnOrder' | 'resetExpanded' | 'toggleRowExpanded' | 'toggleAllRowsExpanded' | 'resetFilters' | 'setFilter' | 'setAllFilters' | 'resetGlobalFilter' | 'setGlobalFilter' | 'columnStartResizing' | 'columnResizing' | 'columnDoneResizing' | 'resetResize' | 'resetGroupBy' | 'setGroupBy' | 'toggleGroupBy' | 'resetPage' | 'gotoPage' | 'setPageSize' | 'resetSelectedRows' | 'toggleAllRowsSelected' | 'toggleRowSelected' | 'toggleAllPageRowsSelected' | 'setRowState' | 'setCellState' | 'resetRowState' | 'resetSortBy' | 'setSortBy' | 'toggleSortBy' | 'clearSortBy';
+type CustomAction = 'setScrolledLeft' | 'setScrolledRight' | 'columnDragStart' | 'columnDragEnd' | 'singleRowSelected' | 'shiftRowSelected' | 'tableResizeStart' | 'tableResizeEnd';
+type PossibleActionType = BuiltInAction | CustomAction | AnyString;
+export declare const actions: Record<PossibleActionType, string>;
 export type ActionType = {
-    type: string;
+    type: PossibleActionType;
 } & Record<string, any>;
 export declare const defaultColumn: Partial<Column> & Record<string, any>;
 export type StringKey<D> = Extract<keyof D, string>;

package/esm/react-table/react-table.types-test.js

@@ -409,6 +409,7 @@ import {
                 styleType: 'borderless',
                 onClick: (e) => e.stopPropagation(),
                 disabled: isRowDisabled(props.row.original),
+                label: 'Column manager',
               },
               React.createElement('svg', null),
             ),

package/esm/styles.js

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

package/esm/utils/functions/dev.js

@@ -1,8 +1,10 @@
 let isJest = 'undefined' != typeof jest;
+let isCypress = void 0 !== globalThis.Cypress;
 let isMocha =
   void 0 !== globalThis.beforeEach &&
   'function(name,fn){suites[0].beforeEach(name,fn);}' ===
-    `${globalThis.beforeEach}`.replace(/\s/g, '');
+    `${globalThis.beforeEach}`.replace(/\s/g, '') &&
+  !isCypress;
 let isVitest = void 0 !== globalThis.__vitest_index__;
 let isUnitTest = isJest || isVitest || isMocha;
 export { isUnitTest };

package/package.json

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