@linzjs/step-ag-grid 12.1.1 → 13.0.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@linzjs/step-ag-grid",
   "repository": "github:linz/step-ag-grid.git",
   "license": "MIT",
-  "version": "12.1.1",
+  "version": "13.0.0",
   "keywords": [
     "aggrid",
     "ag-grid",
@@ -28,6 +28,8 @@
   },
   "peerDependencies": {
     "@linzjs/lui": ">=17",
+    "ag-grid-community": ">=27",
+    "ag-grid-react": ">=27",
     "lodash-es": ">=4",
     "react": ">=17",
     "react-dom": ">=17"
@@ -84,8 +86,8 @@
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-interactions": "^6.5.16",
     "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-interactions": "^6.5.16",
     "@storybook/builder-webpack5": "^6.5.16",
     "@storybook/jest": "^0.0.10",
     "@storybook/manager-webpack5": "^6.5.16",
@@ -97,6 +99,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^13.5.0",
+    "@trivago/prettier-plugin-sort-imports": "^4.0.0",
     "@types/debounce-promise": "^3.1.6",
     "@types/jest": "^29.4.0",
     "@types/lodash-es": "^4.17.6",

package/src/components/Grid.tsx

@@ -1,16 +1,17 @@
-import clsx from "clsx";
-import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { AgGridReact } from "ag-grid-react";
 import { CellClickedEvent, ColDef, ModelUpdatedEvent } from "ag-grid-community";
-import { AgGridEvent, CellEvent, GridReadyEvent, SelectionChangedEvent } from "ag-grid-community/dist/lib/events";
+import { CellClassParams, EditableCallback, EditableCallbackParams } from "ag-grid-community/dist/lib/entities/colDef";
 import { GridOptions } from "ag-grid-community/dist/lib/entities/gridOptions";
+import { AgGridEvent, CellEvent, GridReadyEvent, SelectionChangedEvent } from "ag-grid-community/dist/lib/events";
+import { AgGridReact } from "ag-grid-react";
+import clsx from "clsx";
 import { difference, isEmpty, last, xorBy } from "lodash-es";
+import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+
 import { GridContext } from "../contexts/GridContext";
-import { usePostSortRowsHook } from "./PostSortRowsHook";
+import { GridUpdatingContext } from "../contexts/GridUpdatingContext";
 import { fnOrVar, isNotEmpty } from "../utils/util";
+import { usePostSortRowsHook } from "./PostSortRowsHook";
 import { GridHeaderSelect } from "./gridHeader/GridHeaderSelect";
-import { GridUpdatingContext } from "../contexts/GridUpdatingContext";
-import { CellClassParams, EditableCallback, EditableCallbackParams } from "ag-grid-community/dist/lib/entities/colDef";
 
 export interface GridBaseRow {
   id: string | number;

package/src/components/GridCell.tsx

@@ -1,19 +1,20 @@
+import { ColDef, ICellEditorParams, ICellRendererParams } from "ag-grid-community";
+import { SuppressKeyboardEventParams, ValueFormatterParams } from "ag-grid-community/dist/lib/entities/colDef";
 import { forwardRef, useContext } from "react";
-import { GridBaseRow } from "./Grid";
+
+import { GridPopoverContextProvider } from "../contexts/GridPopoverContextProvider";
 import { GridUpdatingContext } from "../contexts/GridUpdatingContext";
+import { fnOrVar } from "../utils/util";
+import { GridBaseRow } from "./Grid";
 import { GridCellMultiSelectClassRules } from "./GridCellMultiSelectClassRules";
+import { GridIcon } from "./GridIcon";
+import { GridLoadableCell } from "./GridLoadableCell";
 import {
   GenericCellColDef,
   GenericCellRendererParams,
   RowValueFormatterParams,
   RowValueGetterParams,
 } from "./gridRender/GridRenderGenericCell";
-import { ColDef, ICellEditorParams, ICellRendererParams } from "ag-grid-community";
-import { GridLoadableCell } from "./GridLoadableCell";
-import { GridIcon } from "./GridIcon";
-import { SuppressKeyboardEventParams, ValueFormatterParams } from "ag-grid-community/dist/lib/entities/colDef";
-import { GridPopoverContextProvider } from "../contexts/GridPopoverContextProvider";
-import { fnOrVar } from "../utils/util";
 
 export interface GenericCellEditorProps<E> {
   multiEdit?: boolean;

package/src/components/GridCellMultiEditor.tsx

@@ -1,10 +1,11 @@
+import { CellEditorSelectorResult, ValueFormatterParams } from "ag-grid-community/dist/lib/entities/colDef";
+import { ICellEditorParams } from "ag-grid-community/dist/lib/interfaces/iCellEditor";
+import { ComponentProps } from "react";
+
 import { GridBaseRow } from "./Grid";
+import { ColDefT, GenericCellEditorComponentWrapper, GridCellRenderer, suppressCellKeyboardEvents } from "./GridCell";
 import { GridCellMultiSelectClassRules } from "./GridCellMultiSelectClassRules";
 import { GenericCellColDef } from "./gridRender/GridRenderGenericCell";
-import { CellEditorSelectorResult, ValueFormatterParams } from "ag-grid-community/dist/lib/entities/colDef";
-import { ColDefT, GenericCellEditorComponentWrapper, GridCellRenderer, suppressCellKeyboardEvents } from "./GridCell";
-import { ComponentProps } from "react";
-import { ICellEditorParams } from "ag-grid-community/dist/lib/interfaces/iCellEditor";
 
 export const Editor = <FN extends (param: any) => JSX.Element>(props: {
   multiEdit: boolean;

package/src/components/GridFilter.ts

@@ -1,4 +1,5 @@
 import { useContext, useEffect } from "react";
+
 import { GridContext, GridFilterExternal } from "../contexts/GridContext";
 import { GridBaseRow } from "./Grid";
 

package/src/components/GridIcon.tsx

@@ -1,4 +1,5 @@
 import clsx from "clsx";
+
 import { LuiIcon } from "@linzjs/lui";
 import { IconName, IconSize } from "@linzjs/lui/dist/components/LuiIcon/LuiIcon";
 

package/src/components/GridLoadableCell.tsx

@@ -1,4 +1,5 @@
 import clsx from "clsx";
+
 import { LuiMiniSpinner } from "@linzjs/lui";
 
 export const GridLoadableCell = (props: { isLoading: boolean; children: JSX.Element | string; className?: string }) => (

package/src/components/GridPopoverHook.tsx

@@ -1,10 +1,11 @@
 import { useCallback, useContext, useEffect, useRef, useState } from "react";
+
 import { GridContext } from "../contexts/GridContext";
-import { GridBaseRow } from "./Grid";
-import { ControlledMenu } from "../react-menu3";
 import { useGridPopoverContext } from "../contexts/GridPopoverContext";
+import { ControlledMenu } from "../react-menu3";
 import { MenuCloseEvent } from "../react-menu3/types";
 import { CloseReason } from "../react-menu3/utils";
+import { GridBaseRow } from "./Grid";
 
 export interface GridPopoverHookProps<RowType> {
   className: string | undefined;

package/src/components/PostSortRowsHook.ts

@@ -1,8 +1,9 @@
-import { useCallback, useContext, useRef } from "react";
-import { PostSortRowsParams } from "ag-grid-community/dist/lib/entities/iCallbackParams";
+import { RowNode } from "ag-grid-community";
 import { ColumnState } from "ag-grid-community/dist/lib/columns/columnModel";
+import { PostSortRowsParams } from "ag-grid-community/dist/lib/entities/iCallbackParams";
 import { isEmpty } from "lodash-es";
-import { RowNode } from "ag-grid-community";
+import { useCallback, useContext, useRef } from "react";
+
 import { GridContext } from "../contexts/GridContext";
 
 interface PostSortRowsHookProps {

package/src/components/gridFilter/GridFilterButtons.tsx

@@ -1,12 +1,14 @@
 import clsx, { ClassValue } from "clsx";
 import { useMemo, useState } from "react";
+
 import { LuiButton, LuiButtonGroup } from "@linzjs/lui";
 import { LuiButtonProps } from "@linzjs/lui/dist/components/LuiButton/LuiButton";
-import { GridBaseRow } from "../Grid";
+
 import { GridFilterExternal } from "../../contexts/GridContext";
+import { GridBaseRow } from "../Grid";
 import { useGridFilter } from "../GridFilter";
 
-interface GridFilterButtonsOption<RowType extends GridBaseRow> {
+export interface GridFilterButtonsOption<RowType extends GridBaseRow> {
   defaultSelected?: boolean;
   filter?: GridFilterExternal<RowType>;
   label: string;

package/src/components/gridFilter/GridFilterQuick.tsx

@@ -1,4 +1,5 @@
 import { useContext, useEffect, useState } from "react";
+
 import { GridContext } from "../../contexts/GridContext";
 
 export interface GridFilterQuickProps {

package/src/components/gridFilter/index.ts

@@ -0,0 +1,3 @@
+export * from "./GridFilterButtons";
+export * from "./GridFilterQuick";
+export * from "./GridFilters";

package/src/components/gridForm/GridFormDropDown.tsx

@@ -1,17 +1,18 @@
-import { FocusableItem, MenuDivider, MenuHeader, MenuItem } from "../../react-menu3";
-import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { GridBaseRow } from "../Grid";
-import { ComponentLoadingWrapper } from "../ComponentLoadingWrapper";
-import { isEmpty } from "lodash-es";
 import debounce from "debounce-promise";
-import { CellEditorCommon } from "../GridCell";
-import { useGridPopoverHook } from "../GridPopoverHook";
+import { isEmpty } from "lodash-es";
+import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
+
 import { useGridPopoverContext } from "../../contexts/GridPopoverContext";
 import { GridSubComponentContext } from "../../contexts/GridSubComponentContext";
-import { ClickEvent } from "../../react-menu3/types";
 import { FormError } from "../../lui/FormError";
-import { isNotEmpty } from "../../utils/util";
+import { FocusableItem, MenuDivider, MenuHeader, MenuItem } from "../../react-menu3";
+import { ClickEvent } from "../../react-menu3/types";
 import { textMatch } from "../../utils/textMatcher";
+import { isNotEmpty } from "../../utils/util";
+import { ComponentLoadingWrapper } from "../ComponentLoadingWrapper";
+import { GridBaseRow } from "../Grid";
+import { CellEditorCommon } from "../GridCell";
+import { useGridPopoverHook } from "../GridPopoverHook";
 
 export interface GridPopoutEditDropDownSelectedItem<RowType> {
   // Note the row that was clicked on will be first

package/src/components/gridForm/GridFormEditBearing.tsx

@@ -1,10 +1,11 @@
 import { useCallback, useMemo, useState } from "react";
-import { GridBaseRow } from "../Grid";
+
+import { useGridPopoverContext } from "../../contexts/GridPopoverContext";
 import { TextInputFormatted } from "../../lui/TextInputFormatted";
 import { bearingNumberParser, bearingStringValidator } from "../../utils/bearing";
-import { useGridPopoverHook } from "../GridPopoverHook";
+import { GridBaseRow } from "../Grid";
 import { CellEditorCommon } from "../GridCell";
-import { useGridPopoverContext } from "../../contexts/GridPopoverContext";
+import { useGridPopoverHook } from "../GridPopoverHook";
 
 export interface GridFormEditBearingProps<RowType extends GridBaseRow> extends CellEditorCommon {
   formatValue?: (value: any) => string;

package/src/components/gridForm/GridFormMessage.tsx

@@ -1,10 +1,11 @@
 import clsx from "clsx";
 import { useEffect, useState } from "react";
+
+import { useGridPopoverContext } from "../../contexts/GridPopoverContext";
 import { ComponentLoadingWrapper } from "../ComponentLoadingWrapper";
 import { GridBaseRow } from "../Grid";
-import { useGridPopoverHook } from "../GridPopoverHook";
 import { CellEditorCommon } from "../GridCell";
-import { useGridPopoverContext } from "../../contexts/GridPopoverContext";
+import { useGridPopoverHook } from "../GridPopoverHook";
 
 export interface GridFormMessageProps<RowType extends GridBaseRow> extends CellEditorCommon {
   message: (selectedRows: RowType[]) => Promise<string | JSX.Element> | string | JSX.Element;

package/src/components/gridForm/GridFormMultiSelect.tsx

@@ -1,28 +1,30 @@
-import { FocusableItem, MenuDivider, MenuHeader, MenuItem } from "../../react-menu3";
+import { fromPairs, groupBy, isEmpty, pick, toPairs } from "lodash-es";
 import {
+  Dispatch,
+  Fragment,
+  KeyboardEvent,
+  SetStateAction,
   useCallback,
   useEffect,
   useMemo,
   useRef,
   useState,
-  KeyboardEvent,
-  SetStateAction,
-  Dispatch,
-  Fragment,
 } from "react";
-import { GridBaseRow } from "../Grid";
-import { ComponentLoadingWrapper } from "../ComponentLoadingWrapper";
-import { fromPairs, groupBy, isEmpty, pick, toPairs } from "lodash-es";
+
 import { LuiCheckboxInput } from "@linzjs/lui";
-import { useGridPopoverHook } from "../GridPopoverHook";
-import { MenuSeparatorString } from "./GridFormDropDown";
-import { CellEditorCommon } from "../GridCell";
-import { ClickEvent } from "../../react-menu3/types";
-import { GridSubComponentContext } from "../../contexts/GridSubComponentContext";
+
 import { useGridPopoverContext } from "../../contexts/GridPopoverContext";
+import { GridSubComponentContext } from "../../contexts/GridSubComponentContext";
 import { FormError } from "../../lui/FormError";
+import { FocusableItem, MenuDivider, MenuHeader, MenuItem } from "../../react-menu3";
+import { ClickEvent } from "../../react-menu3/types";
 import { textMatch } from "../../utils/textMatcher";
+import { ComponentLoadingWrapper } from "../ComponentLoadingWrapper";
+import { GridBaseRow } from "../Grid";
+import { CellEditorCommon } from "../GridCell";
 import { GridIcon } from "../GridIcon";
+import { useGridPopoverHook } from "../GridPopoverHook";
+import { MenuSeparatorString } from "./GridFormDropDown";
 
 type HeaderGroupType = Record<string, MultiSelectOption[]> | undefined;
 

package/src/components/gridForm/GridFormPopoverMenu.tsx

@@ -1,12 +1,13 @@
-import { GridBaseRow } from "../Grid";
 import { Fragment, useCallback, useEffect, useRef, useState } from "react";
-import { ComponentLoadingWrapper } from "../ComponentLoadingWrapper";
-import { FocusableItem, MenuDivider, MenuItem } from "../../react-menu3";
-import { useGridPopoverHook } from "../GridPopoverHook";
-import { CellEditorCommon } from "../GridCell";
+
+import { useGridPopoverContext } from "../../contexts/GridPopoverContext";
 import { GridSubComponentContext } from "../../contexts/GridSubComponentContext";
+import { FocusableItem, MenuDivider, MenuItem } from "../../react-menu3";
 import { ClickEvent } from "../../react-menu3/types";
-import { useGridPopoverContext } from "../../contexts/GridPopoverContext";
+import { ComponentLoadingWrapper } from "../ComponentLoadingWrapper";
+import { GridBaseRow } from "../Grid";
+import { CellEditorCommon } from "../GridCell";
+import { useGridPopoverHook } from "../GridPopoverHook";
 
 export interface GridFormPopoverMenuProps<RowType extends GridBaseRow> extends CellEditorCommon {
   options: (selectedRows: RowType[]) => Promise<MenuOption<RowType>[]>;

package/src/components/gridForm/GridFormSubComponentTextArea.tsx

@@ -1,10 +1,11 @@
+import clsx from "clsx";
 import { useCallback, useContext, useEffect } from "react";
+
 import { GridSubComponentContext } from "../../contexts/GridSubComponentContext";
-import { CellEditorCommon } from "../GridCell";
-import clsx from "clsx";
 import { TextAreaInput } from "../../lui/TextAreaInput";
 import { TextInputValidator, TextInputValidatorProps } from "../../utils/textValidator";
 import { GridBaseRow } from "../Grid";
+import { CellEditorCommon } from "../GridCell";
 
 export interface GridSubComponentTextAreaProps<RowType extends GridBaseRow>
   extends TextInputValidatorProps<RowType>,

package/src/components/gridForm/GridFormSubComponentTextInput.tsx

@@ -1,9 +1,10 @@
 import { useCallback, useContext, useEffect } from "react";
+
 import { GridSubComponentContext } from "../../contexts/GridSubComponentContext";
 import { TextInputFormatted } from "../../lui/TextInputFormatted";
 import { TextInputValidator, TextInputValidatorProps } from "../../utils/textValidator";
-import { CellEditorCommon } from "../GridCell";
 import { GridBaseRow } from "../Grid";
+import { CellEditorCommon } from "../GridCell";
 
 export interface GridFormSubComponentTextInputProps<RowType extends GridBaseRow>
   extends TextInputValidatorProps<RowType>,

package/src/components/gridForm/GridFormTextArea.tsx

@@ -1,10 +1,11 @@
 import { useCallback, useMemo, useState } from "react";
+
+import { useGridPopoverContext } from "../../contexts/GridPopoverContext";
 import { TextAreaInput } from "../../lui/TextAreaInput";
-import { useGridPopoverHook } from "../GridPopoverHook";
+import { TextInputValidator, TextInputValidatorProps } from "../../utils/textValidator";
 import { GridBaseRow } from "../Grid";
 import { CellEditorCommon } from "../GridCell";
-import { useGridPopoverContext } from "../../contexts/GridPopoverContext";
-import { TextInputValidator, TextInputValidatorProps } from "../../utils/textValidator";
+import { useGridPopoverHook } from "../GridPopoverHook";
 
 export interface GridFormTextAreaProps<RowType extends GridBaseRow>
   extends TextInputValidatorProps<RowType>,

package/src/components/gridForm/GridFormTextInput.tsx

@@ -1,10 +1,11 @@
 import { useCallback, useMemo, useState } from "react";
+
+import { useGridPopoverContext } from "../../contexts/GridPopoverContext";
 import { TextInputFormatted } from "../../lui/TextInputFormatted";
-import { useGridPopoverHook } from "../GridPopoverHook";
+import { TextInputValidator, TextInputValidatorProps } from "../../utils/textValidator";
 import { GridBaseRow } from "../Grid";
 import { CellEditorCommon } from "../GridCell";
-import { useGridPopoverContext } from "../../contexts/GridPopoverContext";
-import { TextInputValidator, TextInputValidatorProps } from "../../utils/textValidator";
+import { useGridPopoverHook } from "../GridPopoverHook";
 
 export interface GridFormTextInputProps<RowType extends GridBaseRow>
   extends TextInputValidatorProps<RowType>,

package/src/components/gridForm/index.ts

@@ -0,0 +1,9 @@
+export * from "./GridFormDropDown";
+export * from "./GridFormEditBearing";
+export * from "./GridFormMessage";
+export * from "./GridFormMultiSelect";
+export * from "./GridFormPopoverMenu";
+export * from "./GridFormSubComponentTextArea";
+export * from "./GridFormSubComponentTextInput";
+export * from "./GridFormTextArea";
+export * from "./GridFormTextInput";

package/src/components/gridHeader/GridHeaderSelect.tsx

@@ -1,5 +1,5 @@
-import clsx from "clsx";
 import { IHeaderParams } from "ag-grid-community";
+import clsx from "clsx";
 import { useCallback, useEffect, useState } from "react";
 
 /**

package/src/components/gridHeader/index.ts

@@ -0,0 +1 @@
+export * from "./GridHeaderSelect";

package/src/components/gridPopoverEdit/GridPopoutEditMultiSelect.ts

@@ -1,5 +1,5 @@
-import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridBaseRow } from "../Grid";
+import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridFormMultiSelect, GridFormMultiSelectProps } from "../gridForm/GridFormMultiSelect";
 import { GenericCellColDef } from "../gridRender/GridRenderGenericCell";
 

package/src/components/gridPopoverEdit/GridPopoverEditBearing.ts

@@ -1,14 +1,15 @@
+import { ValueFormatterParams } from "ag-grid-community/dist/lib/entities/colDef";
+
 import {
   bearingCorrectionRangeValidator,
   bearingCorrectionValueFormatter,
   bearingRangeValidator,
   bearingValueFormatter,
 } from "../../utils/bearing";
+import { GridBaseRow } from "../Grid";
 import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridFormEditBearing, GridFormEditBearingProps } from "../gridForm/GridFormEditBearing";
-import { GridBaseRow } from "../Grid";
 import { GenericCellColDef } from "../gridRender/GridRenderGenericCell";
-import { ValueFormatterParams } from "ag-grid-community/dist/lib/entities/colDef";
 
 const GridPopoverEditBearingLike = <RowType extends GridBaseRow>(
   colDef: GenericCellColDef<RowType>,

package/src/components/gridPopoverEdit/GridPopoverEditDropDown.ts

@@ -1,5 +1,5 @@
-import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridBaseRow } from "../Grid";
+import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridFormDropDown, GridFormDropDownProps } from "../gridForm/GridFormDropDown";
 import { GenericCellColDef } from "../gridRender/GridRenderGenericCell";
 

package/src/components/gridPopoverEdit/GridPopoverMenu.tsx

@@ -1,8 +1,8 @@
 import { GridBaseRow } from "../Grid";
 import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridFormPopoverMenu, GridFormPopoverMenuProps } from "../gridForm/GridFormPopoverMenu";
-import { GridRenderPopoutMenuCell } from "../gridRender/GridRenderPopoutMenuCell";
 import { GenericCellColDef } from "../gridRender/GridRenderGenericCell";
+import { GridRenderPopoutMenuCell } from "../gridRender/GridRenderPopoutMenuCell";
 
 /**
  * Popout burger menu

package/src/components/gridPopoverEdit/GridPopoverMessage.ts

@@ -1,6 +1,6 @@
+import { GridBaseRow } from "../Grid";
 import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridFormMessage, GridFormMessageProps } from "../gridForm/GridFormMessage";
-import { GridBaseRow } from "../Grid";
 import { GenericCellColDef } from "../gridRender/GridRenderGenericCell";
 
 export const GridPopoverMessage = <RowType extends GridBaseRow>(

package/src/components/gridPopoverEdit/GridPopoverTextArea.ts

@@ -1,5 +1,5 @@
-import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridBaseRow } from "../Grid";
+import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridFormTextArea, GridFormTextAreaProps } from "../gridForm/GridFormTextArea";
 import { GenericCellColDef } from "../gridRender/GridRenderGenericCell";
 

package/src/components/gridPopoverEdit/GridPopoverTextInput.ts

@@ -1,5 +1,5 @@
-import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridBaseRow } from "../Grid";
+import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridFormTextInput, GridFormTextInputProps } from "../gridForm/GridFormTextInput";
 import { GenericCellColDef } from "../gridRender/GridRenderGenericCell";
 

package/src/components/gridPopoverEdit/index.ts

@@ -0,0 +1,8 @@
+export * from "./GridPopoutEditMultiSelect";
+export * from "./GridPopoverMenu";
+export * from "./GridPopoverEditBearing";
+export * from "./GridPopoverEditBearing";
+export * from "./GridPopoverEditDropDown";
+export * from "./GridPopoverMessage";
+export * from "./GridPopoverTextArea";
+export * from "./GridPopoverTextInput";

package/src/components/gridRender/GridRenderGenericCell.tsx

@@ -1,6 +1,4 @@
 import { ICellRendererParams } from "ag-grid-community";
-import { GridBaseRow } from "../Grid";
-import { ColDefT } from "../GridCell";
 import {
   EditableCallbackParams,
   SuppressKeyboardEventParams,
@@ -8,6 +6,9 @@ import {
   ValueGetterParams,
 } from "ag-grid-community/dist/lib/entities/colDef";
 
+import { GridBaseRow } from "../Grid";
+import { ColDefT } from "../GridCell";
+
 export interface RowICellRendererParams<RowType extends GridBaseRow> extends ICellRendererParams {
   data: RowType;
 }

package/src/components/gridRender/GridRenderPopoutMenuCell.tsx

@@ -1,5 +1,7 @@
 import { ICellRendererParams } from "ag-grid-community";
+
 import { LuiIcon } from "@linzjs/lui";
+
 import { fnOrVar } from "../../utils/util";
 
 export const GridRenderPopoutMenuCell = (props: ICellRendererParams) => {

package/src/components/gridRender/index.ts

@@ -0,0 +1,2 @@
+export * from "./GridRenderGenericCell";
+export * from "./GridRenderPopoutMenuCell";

package/src/components/index.ts

@@ -0,0 +1,16 @@
+export * from "./ComponentLoadingWrapper";
+export * from "./Grid";
+export * from "./GridCell";
+export * from "./GridCellMultiEditor";
+export * from "./GridCellMultiSelectClassRules";
+export * from "./gridFilter";
+export * from "./GridFilter";
+export * from "./gridForm";
+export * from "./gridHeader";
+export * from "./GridIcon";
+export * from "./GridLoadableCell";
+export * from "./gridPopoverEdit";
+export * from "./GridPopoverHook";
+export * from "./gridRender";
+export * from "./GridWrapper";
+export * from "./PostSortRowsHook";

package/src/contexts/GridContext.tsx

@@ -1,5 +1,6 @@
-import { createContext, useContext } from "react";
 import { GridApi, RowNode } from "ag-grid-community";
+import { createContext, useContext } from "react";
+
 import { GridBaseRow } from "../components/Grid";
 
 export type GridFilterExternal<RowType extends GridBaseRow> = (data: RowType, rowNode: RowNode) => boolean;

package/src/contexts/GridContextProvider.tsx

@@ -1,11 +1,12 @@
-import { ReactElement, ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { ColDef, GridApi, RowNode } from "ag-grid-community";
-import { GridContext, GridFilterExternal } from "./GridContext";
+import { CellPosition } from "ag-grid-community/dist/lib/entities/cellPosition";
 import { debounce, defer, delay, difference, isEmpty, last, remove, sortBy } from "lodash-es";
+import { ReactElement, ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+
+import { GridBaseRow } from "../components/Grid";
 import { isNotEmpty, wait } from "../utils/util";
+import { GridContext, GridFilterExternal } from "./GridContext";
 import { GridUpdatingContext } from "./GridUpdatingContext";
-import { GridBaseRow } from "../components/Grid";
-import { CellPosition } from "ag-grid-community/dist/lib/entities/cellPosition";
 
 interface GridContextProps {
   children: ReactNode;

package/src/contexts/GridPopoverContext.tsx

@@ -1,4 +1,5 @@
-import { createContext, RefObject, useContext } from "react";
+import { RefObject, createContext, useContext } from "react";
+
 import { GridBaseRow } from "../components/Grid";
 
 export interface GridPopoverContextType<RowType extends GridBaseRow> {

package/src/contexts/GridPopoverContextProvider.tsx

@@ -1,9 +1,10 @@
-import { ReactNode, RefObject, useCallback, useContext, useMemo, useRef, useState } from "react";
-import { GridPopoverContext } from "./GridPopoverContext";
 import { ICellEditorParams } from "ag-grid-community";
-import { GridContext } from "./GridContext";
 import { sortBy } from "lodash-es";
+import { ReactNode, RefObject, useCallback, useContext, useMemo, useRef, useState } from "react";
+
 import { GridBaseRow } from "../components/Grid";
+import { GridContext } from "./GridContext";
+import { GridPopoverContext } from "./GridPopoverContext";
 
 interface GridPopoverContextProps {
   props: ICellEditorParams;

package/src/contexts/GridUpdatingContextProvider.tsx

@@ -1,5 +1,6 @@
-import { ReactNode, useRef, useState } from "react";
 import { castArray, flatten, remove } from "lodash-es";
+import { ReactNode, useRef, useState } from "react";
+
 import { GridUpdatingContext } from "./GridUpdatingContext";
 
 interface UpdatingContextProviderProps {