@linzjs/step-ag-grid 27.3.3 → 28.0.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@linzjs/step-ag-grid",
   "repository": "github:linz/step-ag-grid.git",
   "license": "MIT",
-  "version": "27.3.3",
+  "version": "28.0.0",
   "keywords": [
     "aggrid",
     "ag-grid",
@@ -28,8 +28,8 @@
   },
   "peerDependencies": {
     "@linzjs/lui": ">=21",
-    "ag-grid-community": "^33.2.4",
-    "ag-grid-react": "^33.2.4",
+    "ag-grid-community": "^34.1.0",
+    "ag-grid-react": "^34.1.0",
     "lodash-es": ">=4",
     "react": ">=18",
     "react-dom": ">=18"
@@ -76,40 +76,39 @@
     ]
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "^4.44.0",
-    "@swc/core-linux-x64-gnu": "^1.12.6"
+    "@rollup/rollup-linux-x64-gnu": "^4.46.2",
+    "@swc/core-linux-x64-gnu": "^1.13.3"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.7",
-    "@linzjs/lui": "^22.12.5",
+    "@chromatic-com/storybook": "^4.0.1",
+    "@linzjs/lui": "^23.7.2",
     "@linzjs/style": "^5.4.0",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/test": "^8.6.12",
-    "@storybook/test-runner": "^0.22.1",
-    "@testing-library/dom": "^10.4.0",
+    "@storybook/addon-docs": "^9.1.0",
+    "@storybook/addon-links": "^9.1.0",
+    "@storybook/react": "^9.1.0",
+    "@storybook/react-vite": "^9.1.0",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/debounce-promise": "^3.1.9",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.15.33",
+    "@types/node": "^22.17.0",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
     "@types/uuid": "^10.0.0",
-    "@vitejs/plugin-react-swc": "^3.10.2",
+    "@vitejs/plugin-react-swc": "^3.11.0",
     "@vitest/ui": "^3.2.4",
-    "ag-grid-community": "^33.3.2",
-    "ag-grid-react": "^33.3.2",
+    "ag-grid-community": "^34.1.0",
+    "ag-grid-react": "^34.1.0",
     "babel-preset-react-app": "^10.1.0",
-    "chromatic": "^11.29.0",
+    "chromatic": "^13.1.3",
     "css-loader": "^7.1.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-storybook": "^9.1.0",
     "jsdom": "^26.1.0",
     "lodash-es": "^4.17.21",
     "mkdirp": "^3.0.1",
@@ -120,18 +119,19 @@
     "react": ">=18",
     "react-app-polyfill": "^3.0.0",
     "react-dom": "^18.3.1",
-    "rollup": "^4.44.0",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.46.2",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "sass": "^1.89.2",
     "sass-loader": "^16.0.5",
-    "semantic-release": "^24.2.5",
-    "storybook": "^8.6.12",
+    "semantic-release": "^24.2.7",
+    "storybook": "^9.1.0",
     "storybook-css-modules-preset": "^1.1.1",
     "style-loader": "^4.0.0",
-    "typescript": "^5.8.3",
+    "typescript": "^5.9.2",
     "vite": "^6.3.5",
     "vite-plugin-html": "^3.2.2",
     "vite-tsconfig-paths": "^5.1.4",

package/src/components/Grid.tsx

@@ -647,6 +647,15 @@ export const Grid = <TData extends GridBaseRow = GridBaseRow>({
     [params, clearHighlightRowClasses],
   );
 
+  useEffect(() => {
+    if (params.setExternalSelectedItems && selectable == null) {
+      console.warn(
+        '<Grid/> has setExternalSelectedItems parameter, but is missing selectable parameter,' +
+          'this will cause weird delays in editing.\nIf you need to hide selection column use hideSelectColumn=true',
+      );
+    }
+  }, [params.setExternalSelectedItems, selectable]);
+
   // This is setting a ref in the GridContext so won't be triggering an update loop
   setOnCellEditingComplete(params.onCellEditingComplete);
 

package/src/components/GridCellMultiSelectClassRules.tsx

@@ -14,7 +14,7 @@ export const GridCellMultiSelectClassRules: CellClassRules = {
         .getSelectedNodes()
         ?.map((row) => row.id)
         ?.includes(node.id) &&
-      api.getEditingCells().some((cell) => cell.column.getColDef() === colDef)
+      api.getEditingCells().some((cell) => cell.colId === colDef.colId)
     );
   },
 };

package/src/stories/components/ActionButton.stories.tsx

@@ -1,7 +1,7 @@
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { useCallback } from 'react';
 
 import { ActionButton } from '../../lui/ActionButton';

package/src/stories/grid/GridDragRow.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { useCallback, useMemo, useState } from 'react';
 
 import {

package/src/stories/grid/GridFilterButtons.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { useMemo, useState } from 'react';
 
 import {

package/src/stories/grid/GridNoRowsOverlay.stories.tsx

@@ -1,9 +1,8 @@
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
-import { expect } from '@storybook/test';
-import { within } from '@storybook/test';
+import { Meta, StoryFn } from '@storybook/react-vite';
+import { expect, within } from 'storybook/test';
 
 import { GridNoRowsOverlay, GridNoRowsOverlayProps } from '../../components';
 

package/src/stories/grid/GridNonEditableRow.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverEditDropDown } from 'components/gridPopoverEdit/GridPopoverEditDropDown';
 import { GridPopoverTextArea } from 'components/gridPopoverEdit/GridPopoverTextArea';
 import { useMemo, useState } from 'react';
@@ -19,6 +19,7 @@ import {
   GridProps,
   GridUpdatingContextProvider,
   MenuOption,
+  primitiveToSelectOption,
   wait,
 } from '../..';
 import { waitForGridReady } from '../../utils/__tests__/storybookTestUtil';
@@ -69,7 +70,7 @@ const GridNonEditableRowTemplate: StoryFn<typeof Grid> = (props: GridProps) => {
           editorParams: {
             filtered: 'local',
             filterPlaceholder: 'Filter',
-            options: ['Architect', 'Developer', 'Product Owner', 'Scrum Master', 'Tester'],
+            options: ['Architect', 'Developer', 'Product Owner', 'Scrum Master', 'Tester'].map(primitiveToSelectOption),
           },
         },
       ),

package/src/stories/grid/GridPinnedRow.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { useMemo, useState } from 'react';
 
 import {

package/src/stories/grid/GridPopoutContextMenu.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { ReactElement, useCallback, useContext, useMemo, useState } from 'react';
 
 import {

package/src/stories/grid/GridPopoutEditBoolean.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { useMemo, useState } from 'react';
 
 import {

package/src/stories/grid/GridPopoutEditGeneric.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { useMemo, useState } from 'react';
 
 import { ColDefT, Grid, GridCell, GridContextProvider, GridProps, GridUpdatingContextProvider } from '../..';

package/src/stories/grid/GridPopoutEditGenericTextArea.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { useCallback, useContext, useMemo, useState } from 'react';
 
 import {

package/src/stories/grid/GridPopoverEditBearing.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { useMemo, useState } from 'react';
 
 import {

package/src/stories/grid/GridPopoverEditDropDown.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { useCallback, useMemo, useState } from 'react';
 
 import {

package/src/stories/grid/GridPopoverEditMultiSelect.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { isEmpty, partition } from 'lodash-es';
 import { useMemo, useState } from 'react';
 

package/src/stories/grid/GridPopoverEditMultiSelectGrid.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { countBy, mergeWith, pull, range, union } from 'lodash-es';
 import { useMemo, useState } from 'react';
 

package/src/stories/grid/GridReadOnly.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { ReactElement, useCallback, useMemo, useState } from 'react';
 
 import {

package/src/stories/grid/GridViewList.stories.tsx

@@ -3,7 +3,7 @@ import '../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { useMemo, useState } from 'react';
 
 import {

package/src/stories/grid/gridFormInteraction/GridFormDropDownInteraction.stories.tsx

@@ -3,10 +3,10 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { StoryFn } from '@storybook/react';
-import { expect, fn, userEvent, within } from '@storybook/test';
+import { StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
+import { expect, fn, userEvent, within } from 'storybook/test';
 
 import { GridContext, GridFormDropDown, GridFormDropDownProps, GridFormSubComponentTextInput } from '../../..';
 

package/src/stories/grid/gridFormInteraction/GridFormEditBearingCorrectionInteraction.stories.tsx

@@ -3,10 +3,10 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { StoryFn } from '@storybook/react';
-import { expect, fn, userEvent, within } from '@storybook/test';
+import { StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
+import { expect, fn, userEvent, within } from 'storybook/test';
 
 import {
   GridContext,

package/src/stories/grid/gridFormInteraction/GridFormEditBearingInteraction.stories.tsx

@@ -3,10 +3,10 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { StoryFn } from '@storybook/react';
-import { expect, fn, userEvent, within } from '@storybook/test';
+import { StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
+import { expect, fn, userEvent, within } from 'storybook/test';
 
 import {
   GridContext,

package/src/stories/grid/gridFormInteraction/GridFormMultiSelectGridInteraction.stories.tsx

@@ -3,10 +3,10 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { StoryFn } from '@storybook/react';
-import { expect, fn, userEvent, waitFor, within } from '@storybook/test';
+import { StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
+import { expect, fn, userEvent, waitFor, within } from 'storybook/test';
 
 import { GridContext, GridFormMultiSelectGrid, GridFormMultiSelectGridProps, MultiSelectGridOption } from '../../..';
 

package/src/stories/grid/gridFormInteraction/GridFormMultiSelectInteraction.stories.tsx

@@ -3,10 +3,10 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { StoryFn } from '@storybook/react';
-import { expect, fn, userEvent, within } from '@storybook/test';
+import { StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
+import { expect, fn, userEvent, within } from 'storybook/test';
 
 import {
   GridContext,

package/src/stories/grid/gridFormInteraction/GridFormPopoverMenuInteraction.stories.tsx

@@ -3,11 +3,11 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { StoryFn } from '@storybook/react';
-import * as test from '@storybook/test';
-import { expect, userEvent, within } from '@storybook/test';
+import { StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
+import * as test from 'storybook/test';
+import { expect, userEvent, within } from 'storybook/test';
 
 import {
   GridBaseRow,

package/src/stories/grid/gridFormInteraction/GridFormTextAreaInteraction.stories.tsx

@@ -3,10 +3,10 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { StoryFn } from '@storybook/react';
-import { expect, fn, userEvent, within } from '@storybook/test';
+import { StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
+import { expect, fn, userEvent, within } from 'storybook/test';
 
 import { GridContext, GridFormTextArea, GridFormTextAreaProps } from '../../..';
 

package/src/stories/grid/gridFormInteraction/GridFormTextInputInteraction.stories.tsx

@@ -3,10 +3,10 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { StoryFn } from '@storybook/react';
-import { expect, fn, userEvent, within } from '@storybook/test';
+import { StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
+import { expect, fn, userEvent, within } from 'storybook/test';
 
 import { GridContext, GridFormTextInput, GridFormTextInputProps } from '../../..';
 

package/src/stories/grid/gridFormStatic/GridFormDropDown.stories.tsx

@@ -3,7 +3,7 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
 

package/src/stories/grid/gridFormStatic/GridFormEditBearing.stories.tsx

@@ -3,7 +3,7 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
 

package/src/stories/grid/gridFormStatic/GridFormEditBearingCorrection.stories.tsx

@@ -3,7 +3,7 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
 

package/src/stories/grid/gridFormStatic/GridFormMessage.stories.tsx

@@ -3,7 +3,7 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
 

package/src/stories/grid/gridFormStatic/GridFormMultiSelect.stories.tsx

@@ -3,7 +3,7 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
 

package/src/stories/grid/gridFormStatic/GridFormPopoverMenu.stories.tsx

@@ -3,7 +3,7 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
 

package/src/stories/grid/gridFormStatic/GridFormTextArea.stories.tsx

@@ -3,7 +3,7 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
 

package/src/stories/grid/gridFormStatic/GridFormTextInput.stories.tsx

@@ -3,7 +3,7 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
 

package/src/stories/grid/interactions/GridKeyboardInteractions.stories.tsx

@@ -3,11 +3,11 @@ import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
 import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from '@storybook/react';
-import { expect } from '@storybook/test';
-import { fn } from '@storybook/test';
-import { userEvent, waitFor } from '@storybook/test';
+import { Meta, StoryFn } from '@storybook/react-vite';
 import { useMemo, useState } from 'react';
+import { expect } from 'storybook/test';
+import { fn } from 'storybook/test';
+import { userEvent, waitFor } from 'storybook/test';
 
 import {
   ColDefT,

package/src/stories/react-menu/ReactMenu.stories.tsx

@@ -1,9 +1,9 @@
 import '../../react-menu3/styles/index.scss';
 
-import { Meta, StoryFn } from '@storybook/react';
-import { expect } from '@storybook/test';
-import * as test from '@storybook/test';
-import { userEvent, within } from '@storybook/test';
+import { Meta, StoryFn } from '@storybook/react-vite';
+import { expect } from 'storybook/test';
+import * as test from 'storybook/test';
+import { userEvent, within } from 'storybook/test';
 
 import { Grid } from '../../components/Grid';
 import { Menu, MenuButton, MenuDivider, MenuItem, SubMenu } from '../../react-menu3';

package/src/utils/__tests__/storybookTestUtil.ts

@@ -1,4 +1,4 @@
-import { expect, waitFor } from '@storybook/test';
+import { expect, waitFor } from 'storybook/test';
 
 export const waitForGridReady = ({ canvasElement }: { canvasElement: HTMLElement }) =>
   waitFor(() => expect(canvasElement.querySelector('.Grid-ready')).toBeInTheDocument(), { timeout: 5000 });