@linzjs/step-ag-grid 29.16.0 → 30.0.0

package/README.md

@@ -276,5 +276,5 @@ If your grid has a data-testid a global will be exposed in window with the helpe
 This will throw an exception if the row id is not found.
 
 ```tsx
-window.__stepAgGrid.grids[dataTestId].scrollRowIntoViewById("1000")
+window.__stepAgGrid.grids[dataTestId].scrollRowIntoViewById("1001")
 ```

package/dist/index.css

@@ -340,6 +340,11 @@
   flex-direction: column;
 }
 
+.Grid-hideSelectedRow div.ag-row::before {
+  content: "";
+  background-color: white !important;
+}
+
 .Grid-wrapper {
   display: flex;
   flex-direction: column;
@@ -636,3 +641,25 @@ div.ag-row div.ag-cell.rangeSelectBottom {
 .MenuItem-icon {
   margin-right: 8px;
 }
+
+.GridFormInlineTextInput {
+  height: 100%;
+}
+
+.GridFormInlineTextInput-error > input {
+  border: 2px solid red !important;
+}
+
+.GridFormInlineTextInput > input {
+  display: block;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  position: absolute;
+  padding-left: 9px;
+  padding-right: 9px;
+  outline: 0;
+  border: 0;
+  font-family: "Open Sans", system-ui, sans-serif;
+}

package/dist/src/components/Grid.d.ts

@@ -23,16 +23,17 @@ export interface GridProps<TData extends GridBaseRow = GridBaseRow> {
     enableClickSelection?: boolean;
     enableRangeSelection?: boolean;
     enableSelectionWithoutKeys?: boolean;
+    enableMultilineBulkEdit?: boolean;
     externalSelectedIds?: TData['id'][];
     externalSelectedItems?: TData[];
     hideSelectColumn?: boolean;
+    hideSelectedRow?: boolean;
     selectColumnPinned?: ColDef['pinned'];
     selectable?: boolean;
     setExternalSelectedIds?: (ids: TData['id'][]) => void;
     setExternalSelectedItems?: (items: TData[]) => void;
     onBulkEditingComplete?: () => Promise<void> | void;
     singleClickEdit?: boolean;
-    stopEditingWhenCellsLoseFocus?: boolean;
     contextMenu?: GridContextMenuComponent<TData>;
     contextMenuSelectRow?: boolean;
     onCellFocused?: (props: {
@@ -64,4 +65,4 @@ export interface GridProps<TData extends GridBaseRow = GridBaseRow> {
 /**
  * Wrapper for AgGrid to add commonly used functionality.
  */
-export declare const Grid: <TData extends GridBaseRow = GridBaseRow>({ theme, "data-testid": dataTestId, suppressReadOnlyStyle, defaultPostSort, rowData, rowHeight, rowSelection, sizeColumns, autoSelectFirstRow, enableRangeSelection, externalSelectedIds, externalSelectedItems, selectColumnPinned, selectable, setExternalSelectedIds, setExternalSelectedItems, singleClickEdit, stopEditingWhenCellsLoseFocus, contextMenuSelectRow, contextMenu, onCellFocused: paramsOnCellFocused, onColumnMoved, suppressColumnVirtualization, maxInitialWidth, ...params }: GridProps<TData>) => ReactElement;
+export declare const Grid: <TData extends GridBaseRow = GridBaseRow>({ theme, "data-testid": dataTestId, suppressReadOnlyStyle, defaultPostSort, rowData, rowHeight, rowSelection, sizeColumns, autoSelectFirstRow, enableRangeSelection, externalSelectedIds, externalSelectedItems, selectColumnPinned, selectable, setExternalSelectedIds, setExternalSelectedItems, singleClickEdit, enableMultilineBulkEdit, contextMenuSelectRow, contextMenu, onCellFocused: paramsOnCellFocused, onColumnMoved, suppressColumnVirtualization, maxInitialWidth, ...params }: GridProps<TData>) => ReactElement;

package/dist/src/components/gridForm/GridFormInlineTextInput.d.ts

@@ -0,0 +1,15 @@
+import { TextInputValidatorProps } from '../../utils/textValidator';
+import { MaybePromise } from '../../utils/util';
+import { CellEditorCommon } from '../GridCell';
+import { GridBaseRow } from '../types';
+export interface GridFormInlineTextInput<TData extends GridBaseRow> extends TextInputValidatorProps<TData>, CellEditorCommon {
+    placeholder?: string;
+    units?: string;
+    onSave?: (props: {
+        selectedRows: TData[];
+        selectedRowIds: TData['id'][];
+        value: string;
+    }) => MaybePromise<boolean>;
+    helpText?: string;
+}
+export declare const GridFormInlineTextInput: <TData extends GridBaseRow>(props: GridFormInlineTextInput<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/gridForm/index.d.ts

@@ -1,5 +1,6 @@
 export * from './GridFormDropDown';
 export * from './GridFormEditBearing';
+export * from './GridFormInlineTextInput';
 export * from './GridFormMessage';
 export * from './GridFormMultiSelect';
 export * from './GridFormMultiSelectGrid';

package/dist/src/components/gridHook/useGridRangeSelection.d.ts

@@ -4,7 +4,7 @@ import { GridBaseRow } from '../types';
 export interface CellLocation {
     rowId: string;
     colId: string;
-    timestamp: number;
+    clickLocation: [number, number];
 }
 export interface GridRanges<TData extends GridBaseRow> {
     selectedColIds: string[];

package/dist/src/components/gridPopoverEdit/GridInlineTextInput.d.ts

@@ -0,0 +1,5 @@
+import { GenericCellEditorProps } from '../GridCell';
+import { GridFormInlineTextInput } from '../gridForm/GridFormInlineTextInput';
+import { GenericCellColDef } from '../gridRender/GridRenderGenericCell';
+import { ColDefT, GridBaseRow } from '../types';
+export declare const GridInlineTextInput: <TData extends GridBaseRow, TValue = any>(colDef: GenericCellColDef<TData, TValue>, params: GenericCellEditorProps<GridFormInlineTextInput<TData>>) => ColDefT<TData, TValue>;

package/dist/src/components/gridPopoverEdit/index.d.ts

@@ -1,5 +1,6 @@
 export * from './GridButton';
 export * from './GridEditBoolean';
+export * from './GridInlineTextInput';
 export * from './GridPopoutEditMultiSelect';
 export * from './GridPopoutEditMultiSelectGrid';
 export * from './GridPopoverEditBearing';

package/dist/src/contexts/GridContext.d.ts

@@ -20,7 +20,7 @@ export interface GridContextType<TData extends GridBaseRow> {
     getColDef: (colId?: string) => ColDef | undefined;
     getColumns: (filter?: keyof ColDef | ((r: ColDef) => boolean | undefined | null | number | string)) => ColDefT<TData, any>[];
     getColumnIds: (filter?: keyof ColDef | ((r: ColDef) => boolean | undefined | null | number | string)) => string[];
-    setApis: (gridApi: GridApi | undefined, hasExternallySelectedItems: boolean, dataTestId?: string) => void;
+    setApis: (gridApi: GridApi | undefined, hasExternallySelectedItems: boolean, enableMultilineBulkEdit: boolean, dataTestId?: string) => void;
     prePopupOps: () => void;
     setQuickFilter: (quickFilter: string) => void;
     editingCells: () => boolean;

package/dist/src/utils/__tests__/storybookTestUtil.ts

@@ -1,7 +1,7 @@
 import { sortBy } from 'lodash-es';
 import { expect, userEvent, waitFor } from 'storybook/test';
 
-import { findQuick, getAllQuick } from './testQuick';
+import { findQuick, getAllQuick, queryAllQuick } from './testQuick';
 
 export const waitForGridReady = ({ canvasElement }: { canvasElement: HTMLElement }) =>
   waitFor(() => expect(canvasElement.querySelector('.Grid-ready')).toBeInTheDocument(), { timeout: 5000 });
@@ -22,6 +22,10 @@ export const clickColumnHeaderToSort = async (colId: string, within: HTMLElement
   await user.keyboard('{Enter}');
 };
 
+export const getNumberOfGridRows = (props?: { grid?: HTMLElement }): number => {
+  return queryAllQuick({ classes: '.ag-row' }, props?.grid).length;
+};
+
 export const gridColumnValues = (colId: string, within: HTMLElement): string[] => {
   return sortBy(
     getAllQuick({ tagName: `[col-id="${colId}"]`, classes: `.ag-cell` }, within),