@linzjs/step-ag-grid 28.2.0 → 28.2.2

package/package.json

@@ -2,7 +2,7 @@
   "name": "@linzjs/step-ag-grid",
   "repository": "github:linz/step-ag-grid.git",
   "license": "MIT",
-  "version": "28.2.0",
+  "version": "28.2.2",
   "keywords": [
     "aggrid",
     "ag-grid",

package/src/react-menu3/components/ControlledMenu.tsx

@@ -276,7 +276,6 @@ export const ControlledMenuFr = (
   );
 
   const onKeyUp = (e: KeyboardEvent) => {
-    console.log(e);
     switch (e.key) {
       case Keys.ESC:
         e.preventDefault();

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

@@ -8,7 +8,13 @@ import { GridPopoverContext } from 'contexts/GridPopoverContext';
 import { useRef } from 'react';
 import { expect, fn, userEvent, within } from 'storybook/test';
 
-import { GridContext, GridFormDropDown, GridFormDropDownProps, GridFormSubComponentTextInput } from '../../..';
+import {
+  GridBaseRow,
+  GridContext,
+  GridFormDropDown,
+  GridFormDropDownProps,
+  GridFormSubComponentTextInput,
+} from '../../..';
 
 export default {
   title: 'GridForm / Interactions',
@@ -22,8 +28,10 @@ const updateValue = fn(async (saveFn: (selectedRows: any[]) => Promise<boolean>,
 
 const onSelectedItem = fn(async () => {});
 
-const Template: StoryFn<typeof GridFormDropDown> = (props: GridFormDropDownProps<any>) => {
-  const config: GridFormDropDownProps<any> = {
+const Template: StoryFn<typeof GridFormDropDown<GridBaseRow, number>> = (
+  props: GridFormDropDownProps<GridBaseRow, number>,
+) => {
+  const config: GridFormDropDownProps<GridBaseRow, number> = {
     filtered: 'local',
     onSelectedItem,
     options: [
@@ -72,7 +80,6 @@ const Template: StoryFn<typeof GridFormDropDown> = (props: GridFormDropDownProps
   );
 };
 
-//console.log({ extendedExpect });
 export const GridFormDropDownInteractions_: typeof Template = Template.bind({});
 GridFormDropDownInteractions_.play = async ({ canvasElement }) => {
   const canvas = within(canvasElement);

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

@@ -10,14 +10,12 @@ import * as test from 'storybook/test';
 import { expect, userEvent, within } from 'storybook/test';
 
 import {
-  GridBaseRow,
   GridContext,
   GridFormPopoverMenu,
   GridFormPopoverMenuProps,
   GridFormSubComponentTextArea,
   GridFormSubComponentTextInput,
   PopoutMenuSeparator,
-  SelectedMenuOptionResult,
 } from '../../..';
 
 export default {
@@ -30,13 +28,9 @@ const updateValue = test.fn((saveFn: (selectedRows: any[]) => Promise<boolean>,
   saveFn([]),
 );
 
-const enabledAction = test
-  .fn<[{ selectedRows: GridBaseRow[]; menuOption: SelectedMenuOptionResult<GridBaseRow> }], Promise<void>>()
-  .mockResolvedValue(undefined);
+const enabledAction = test.fn().mockResolvedValue(undefined);
 
-const disabledAction = test
-  .fn<[{ selectedRows: GridBaseRow[]; menuOption: SelectedMenuOptionResult<GridBaseRow> }], Promise<void>>()
-  .mockResolvedValue(undefined);
+const disabledAction = test.fn().mockResolvedValue(undefined);
 
 const Template: StoryFn<typeof GridFormPopoverMenu> = (props: GridFormPopoverMenuProps<any>) => {
   const anchorRef = useRef<HTMLHeadingElement>(null);

package/src/utils/__tests__/testQuick.ts

@@ -147,7 +147,7 @@ export const getQuick = (filter: IQueryQuick, container?: HTMLElement): HTMLElem
  * @return HTMLElement.  Throws exception if not found.
  */
 export const findQuick = async <T extends HTMLElement>(filter: IQueryQuick, container?: HTMLElement): Promise<T> => {
-  const endTime = Date.now() + 5000;
+  const endTime = Date.now() + 1000;
   while (Date.now() < endTime) {
     const el = queryQuick<T>(filter, container);
     if (el) return el;

package/src/utils/__tests__/testUtil.ts

@@ -130,7 +130,7 @@ export const findCellContains = async (
       const row = await findRow(rowId, within);
       return getQuick({ tagName: `[col-id='${colId}']`, text }, row);
     },
-    { timeout: 10000 },
+    { timeout: 2200 },
   );
 };
 
@@ -140,7 +140,7 @@ export const selectCell = async (rowId: string | number, colId: string, within?:
       const cell = await findCell(rowId, colId, within);
       await user.click(cell);
     },
-    { timeout: 10000 },
+    { timeout: 2200 },
   );
 };
 
@@ -149,9 +149,9 @@ export const editCell = async (rowId: number | string, colId: string, within?: H
     async () => {
       const cell = await findCell(rowId, colId, within);
       await user.dblClick(cell);
-      await waitFor(findOpenPopover, { timeout: 1000 });
+      await waitFor(findOpenPopover);
     },
-    { timeout: 10000 },
+    { timeout: 2200 },
   );
 };
 
@@ -179,7 +179,7 @@ export const findMenuOption = async (menuOptionText: string | RegExp): Promise<H
       }
       return menuOption;
     },
-    { timeout: 5000 },
+    { timeout: 4000 },
   );
 };
 
@@ -311,12 +311,12 @@ export const clickActionButton = async (text: string, container?: HTMLElement):
 
 export const waitForGridReady = async (props?: { grid?: HTMLElement; timeout?: number }) =>
   waitFor(() => expect(getAllQuick({ classes: '.Grid-ready' }, props?.grid)).toBeDefined(), {
-    timeout: props?.timeout ?? 5000,
+    timeout: props?.timeout ?? 4000,
   });
 
 export const waitForGridRows = async (props?: { grid?: HTMLElement; timeout?: number }) =>
   waitFor(() => expect(getAllQuick({ classes: '.ag-row' }, props?.grid).length > 0).toBe(true), {
-    timeout: props?.timeout ?? 5000,
+    timeout: props?.timeout ?? 4000,
   });
 
 export const clickColumnHeaderToSort = async (colId: string, within?: HTMLElement): Promise<void> => {

package/src/utils/__tests__/vitestUtil.ts

@@ -131,7 +131,7 @@ export const findCellContains = async (
       const row = await findRow(rowId, within);
       return getQuick({ tagName: `[col-id='${colId}']`, text }, row);
     },
-    { timeout: 10000 },
+    { timeout: 2200 },
   );
 };
 
@@ -141,7 +141,7 @@ export const selectCell = async (rowId: string | number, colId: string, within?:
       const cell = await findCell(rowId, colId, within);
       await user.click(cell);
     },
-    { timeout: 10000 },
+    { timeout: 2200 },
   );
 };
 
@@ -150,9 +150,9 @@ export const editCell = async (rowId: number | string, colId: string, within?: H
     async () => {
       const cell = await findCell(rowId, colId, within);
       await user.dblClick(cell);
-      await waitFor(findOpenPopover, { timeout: 1000 });
+      await waitFor(findOpenPopover);
     },
-    { timeout: 10000 },
+    { timeout: 2200 },
   );
 };
 
@@ -180,7 +180,7 @@ export const findMenuOption = async (menuOptionText: string | RegExp): Promise<H
       }
       return menuOption;
     },
-    { timeout: 5000 },
+    { timeout: 4000 },
   );
 };
 
@@ -312,12 +312,12 @@ export const clickActionButton = async (text: string, container?: HTMLElement):
 
 export const waitForGridReady = async (props?: { grid?: HTMLElement; timeout?: number }) =>
   waitFor(() => expect(getAllQuick({ classes: '.Grid-ready' }, props?.grid)).toBeDefined(), {
-    timeout: props?.timeout ?? 5000,
+    timeout: props?.timeout ?? 4000,
   });
 
 export const waitForGridRows = async (props?: { grid?: HTMLElement; timeout?: number }) =>
   waitFor(() => expect(getAllQuick({ classes: '.ag-row' }, props?.grid).length > 0).toBe(true), {
-    timeout: props?.timeout ?? 5000,
+    timeout: props?.timeout ?? 4000,
   });
 
 export const clickColumnHeaderToSort = async (colId: string, within?: HTMLElement): Promise<void> => {