@linzjs/step-ag-grid 2.0.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/README.md +117 -2
  2. package/{src/components → dist}/GridTheme.scss +37 -23
  3. package/dist/index.css +351 -0
  4. package/dist/index.js +463 -212
  5. package/dist/index.js.map +1 -1
  6. package/dist/src/components/ComponentLoadingWrapper.d.ts +1 -0
  7. package/dist/src/components/Grid.d.ts +0 -3
  8. package/dist/src/components/GridCell.d.ts +3 -0
  9. package/dist/src/components/GridPopoverHook.d.ts +2 -1
  10. package/dist/src/components/gridForm/GridFormDropDown.d.ts +4 -3
  11. package/dist/src/components/gridForm/GridFormEditBearing.d.ts +3 -2
  12. package/dist/src/components/gridForm/GridFormMessage.d.ts +2 -2
  13. package/dist/src/components/gridForm/GridFormMultiSelect.d.ts +4 -2
  14. package/dist/src/components/gridForm/GridFormPopoutMenu.d.ts +2 -1
  15. package/dist/src/components/gridForm/GridFormTextArea.d.ts +2 -1
  16. package/dist/src/components/gridForm/GridFormTextInput.d.ts +2 -1
  17. package/dist/src/components/gridPopoverEdit/GridPopoverEditBearing.d.ts +4 -4
  18. package/dist/src/components/gridPopoverEdit/GridPopoverEditDropDown.d.ts +2 -2
  19. package/dist/src/components/gridPopoverEdit/GridPopoverMenu.d.ts +2 -3
  20. package/dist/src/components/gridPopoverEdit/GridPopoverMessage.d.ts +2 -2
  21. package/dist/src/components/gridPopoverEdit/GridPopoverTextArea.d.ts +2 -2
  22. package/dist/src/components/gridPopoverEdit/GridPopoverTextInput.d.ts +2 -2
  23. package/dist/src/components/gridRender/GridRenderGenericCell.d.ts +4 -3
  24. package/dist/src/contexts/GridContext.d.ts +1 -1
  25. package/dist/src/contexts/GridPopoverContext.d.ts +1 -1
  26. package/dist/src/index.d.ts +31 -0
  27. package/dist/src/react-menu3/components/MenuRadioGroup.d.ts +2 -21
  28. package/dist/src/react-menu3/contexts/EventHandlersContext.d.ts +7 -0
  29. package/dist/src/react-menu3/contexts/HoverItemContext.d.ts +2 -0
  30. package/dist/src/react-menu3/contexts/ItemSettingsContext.d.ts +5 -0
  31. package/dist/src/react-menu3/contexts/MenuListContext.d.ts +9 -0
  32. package/dist/src/react-menu3/contexts/MenuListItemContext.d.ts +11 -0
  33. package/dist/src/react-menu3/contexts/RadioGroupContext.d.ts +7 -0
  34. package/dist/src/react-menu3/contexts/SettingsContext.d.ts +20 -0
  35. package/dist/src/react-menu3/index.d.ts +0 -1
  36. package/dist/src/react-menu3/utils/constants.d.ts +1 -50
  37. package/dist/step-ag-grid.esm.js +462 -193
  38. package/dist/step-ag-grid.esm.js.map +1 -1
  39. package/package.json +48 -26
  40. package/src/components/ComponentLoadingWrapper.tsx +2 -1
  41. package/src/components/Grid.tsx +2 -9
  42. package/src/components/GridCell.tsx +5 -0
  43. package/src/components/GridLoadableCell.tsx +0 -4
  44. package/src/components/GridPopoverHook.tsx +13 -7
  45. package/src/components/gridForm/GridFormDropDown.tsx +17 -13
  46. package/src/components/gridForm/GridFormEditBearing.tsx +4 -4
  47. package/src/components/gridForm/GridFormMessage.tsx +6 -7
  48. package/src/components/gridForm/GridFormMultiSelect.tsx +73 -63
  49. package/src/components/gridForm/GridFormPopoutMenu.tsx +6 -6
  50. package/src/components/gridForm/GridFormTextArea.tsx +4 -4
  51. package/src/components/gridForm/GridFormTextInput.tsx +3 -3
  52. package/src/components/gridPopoverEdit/GridPopoutEditMultiSelect.ts +4 -0
  53. package/src/components/gridPopoverEdit/GridPopoverEditBearing.ts +4 -4
  54. package/src/components/gridPopoverEdit/GridPopoverEditDropDown.ts +7 -2
  55. package/src/components/gridPopoverEdit/GridPopoverMenu.scss +4 -4
  56. package/src/components/gridPopoverEdit/GridPopoverMenu.tsx +2 -3
  57. package/src/components/gridPopoverEdit/GridPopoverMessage.ts +2 -2
  58. package/src/components/gridPopoverEdit/GridPopoverTextArea.ts +2 -2
  59. package/src/components/gridPopoverEdit/GridPopoverTextInput.ts +2 -2
  60. package/src/components/gridRender/GridRenderGenericCell.tsx +3 -2
  61. package/src/contexts/GridContext.tsx +1 -1
  62. package/src/contexts/GridPopoverContext.tsx +1 -7
  63. package/src/contexts/GridPopoverContextProvider.tsx +23 -22
  64. package/src/index.ts +38 -0
  65. package/src/lui/TextInputFormatted.scss +1 -1
  66. package/src/react-menu3/README.md +66 -0
  67. package/src/react-menu3/components/ControlledMenu.tsx +9 -17
  68. package/src/react-menu3/components/FocusableItem.tsx +2 -9
  69. package/src/react-menu3/components/MenuGroup.tsx +2 -1
  70. package/src/react-menu3/components/MenuItem.tsx +3 -12
  71. package/src/react-menu3/components/MenuList.tsx +4 -4
  72. package/src/react-menu3/components/MenuRadioGroup.tsx +3 -22
  73. package/src/react-menu3/components/SubMenu.tsx +4 -4
  74. package/src/react-menu3/contexts/EventHandlersContext.ts +11 -0
  75. package/src/react-menu3/contexts/HoverItemContext.ts +3 -0
  76. package/src/react-menu3/contexts/ItemSettingsContext.ts +6 -0
  77. package/src/react-menu3/contexts/MenuListContext.ts +10 -0
  78. package/src/react-menu3/contexts/MenuListItemContext.ts +16 -0
  79. package/src/react-menu3/contexts/RadioGroupContext.ts +8 -0
  80. package/src/react-menu3/contexts/SettingsContext.ts +20 -0
  81. package/src/react-menu3/hooks/useItemState.ts +3 -1
  82. package/src/react-menu3/index.ts +0 -1
  83. package/src/react-menu3/styles/_var.scss +4 -4
  84. package/src/react-menu3/styles/core.scss +6 -6
  85. package/src/react-menu3/styles/index.scss +10 -7
  86. package/src/react-menu3/styles/theme-dark.scss +4 -2
  87. package/src/react-menu3/styles/transitions/slide.scss +8 -8
  88. package/src/react-menu3/utils/constants.ts +1 -74
  89. package/src/react-menu3/utils/withHovering.tsx +1 -1
  90. package/src/stories/components/FormTest.scss +1 -2
  91. package/src/stories/components/FormTest.tsx +3 -3
  92. package/src/stories/components/GridPopoutBearing.stories.tsx +4 -4
  93. package/src/stories/components/GridPopoutEditDropDown.stories.tsx +6 -5
  94. package/src/stories/components/GridPopoutEditGeneric.stories.tsx +5 -7
  95. package/src/stories/components/GridPopoutEditGenericTextArea.stories.tsx +4 -4
  96. package/src/stories/components/GridPopoutEditMultiSelect.stories.tsx +4 -4
  97. package/src/stories/components/GridReadOnly.stories.tsx +14 -18
  98. package/src/stories/components/ReactMenu.stories.tsx +0 -4
  99. package/src/{components → styles}/Grid.scss +9 -6
  100. package/src/styles/GridFormDropDown.scss +18 -0
  101. package/src/{components/gridForm → styles}/GridFormEditBearing.scss +0 -0
  102. package/src/styles/GridFormMultiSelect.scss +18 -0
  103. package/src/styles/GridRenderGenericCell.scss +15 -0
  104. package/src/styles/GridTheme.scss +108 -0
  105. package/src/styles/index.scss +2 -0
  106. package/src/styles/lui-overrides.scss +49 -0
  107. package/src/styles/react-menu-customisations.scss +135 -0
  108. package/dist/index.d.ts +0 -38
  109. package/dist/src/stories/components/FormTest.d.ts +0 -12
  110. package/dist/src/stories/components/GridPopoutBearing.stories.d.ts +0 -9
  111. package/dist/src/stories/components/GridPopoutEditDropDown.stories.d.ts +0 -9
  112. package/dist/src/stories/components/GridPopoutEditGeneric.stories.d.ts +0 -9
  113. package/dist/src/stories/components/GridPopoutEditGenericTextArea.stories.d.ts +0 -9
  114. package/dist/src/stories/components/GridPopoutEditMultiSelect.stories.d.ts +0 -9
  115. package/dist/src/stories/components/GridReadOnly.stories.d.ts +0 -9
  116. package/dist/src/stories/components/ReactMenu.stories.d.ts +0 -8
  117. package/src/components/gridRender/GridRenderGenericCell.scss +0 -15
  118. package/src/lui-overrides.scss +0 -163
  119. package/src/react-menu3/style-utils.d.ts +0 -110
@@ -6,4 +6,5 @@ export declare const ComponentLoadingWrapper: (props: {
6
6
  loading?: boolean;
7
7
  saving?: boolean;
8
8
  children: JSX.Element | undefined;
9
+ className: string | undefined;
9
10
  }) => JSX.Element;
@@ -1,6 +1,4 @@
1
1
  /// <reference types="react" />
2
- import "./Grid.scss";
3
- import "./GridTheme.scss";
4
2
  import { GridOptions } from "ag-grid-community/dist/lib/entities/gridOptions";
5
3
  export interface GridBaseRow {
6
4
  id: string | number;
@@ -14,7 +12,6 @@ export interface GridProps {
14
12
  domLayout?: GridOptions["domLayout"];
15
13
  externalSelectedItems?: any[];
16
14
  setExternalSelectedItems?: (items: any[]) => void;
17
- onGridReady?: GridOptions["onGridReady"];
18
15
  defaultColDef?: GridOptions["defaultColDef"];
19
16
  columnDefs: GridOptions["columnDefs"];
20
17
  rowData: GridOptions["rowData"];
@@ -16,6 +16,9 @@ export declare const GridCell: <RowType extends GridBaseRow, Props>(props: Gener
16
16
  editor?: ((editorProps: Props) => JSX.Element) | undefined;
17
17
  editorParams?: Props | undefined;
18
18
  } | undefined) => ColDefT<RowType>;
19
+ export interface CellEditorCommon {
20
+ className?: string | undefined;
21
+ }
19
22
  export interface CellParams<RowType extends GridBaseRow> {
20
23
  value: any;
21
24
  data: RowType;
@@ -1,9 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  import { GridBaseRow } from "./Grid";
3
3
  export interface GridPopoverHookProps<RowType> {
4
+ className: string | undefined;
4
5
  save?: (selectedRows: RowType[]) => Promise<boolean>;
5
6
  }
6
- export declare const useGridPopoverHook: <RowType extends GridBaseRow>(props?: GridPopoverHookProps<RowType>) => {
7
+ export declare const useGridPopoverHook: <RowType extends GridBaseRow>(props: GridPopoverHookProps<RowType>) => {
7
8
  popoverWrapper: (children: JSX.Element) => JSX.Element;
8
9
  triggerSave: (reason?: string) => Promise<void>;
9
10
  };
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
- import "../../react-menu3/styles/index.scss";
2
+ import "../../styles/GridFormDropDown.scss";
3
3
  import { GridBaseRow } from "../Grid";
4
+ import { CellEditorCommon } from "../GridCell";
4
5
  export interface GridPopoutEditDropDownSelectedItem<RowType, ValueType> {
5
6
  selectedRows: RowType[];
6
7
  value: ValueType;
@@ -20,14 +21,14 @@ export declare const MenuHeaderItem: (title: string) => {
20
21
  value: string;
21
22
  };
22
23
  export declare type SelectOption<ValueType> = ValueType | FinalSelectOption<ValueType>;
23
- export interface GridFormPopoutDropDownProps<RowType extends GridBaseRow, ValueType> {
24
+ export interface GridFormPopoutDropDownProps<RowType extends GridBaseRow, ValueType> extends CellEditorCommon {
25
+ className?: "GridPopoverEditDropDown-containerSmall" | "GridPopoverEditDropDown-containerMedium" | "GridPopoverEditDropDown-containerLarge" | string | undefined;
24
26
  filtered?: "local" | "reload";
25
27
  filterPlaceholder?: string;
26
28
  onSelectedItem?: (props: GridPopoutEditDropDownSelectedItem<RowType, ValueType>) => Promise<void>;
27
29
  onSelectFilter?: (props: GridPopoutEditDropDownSelectedItem<RowType, string>) => Promise<void>;
28
30
  options: SelectOption<ValueType>[] | ((selectedRows: RowType[], filter?: string) => Promise<SelectOption<ValueType>[]> | SelectOption<ValueType>[]);
29
31
  optionsRequestCancel?: () => void;
30
- maxRows?: number;
31
32
  }
32
33
  export declare const GridFormDropDown: <RowType extends GridBaseRow, ValueType>(_props: GridFormPopoutDropDownProps<RowType, ValueType>) => JSX.Element;
33
34
  export {};
@@ -1,7 +1,8 @@
1
1
  /// <reference types="react" />
2
- import "./GridFormEditBearing.scss";
2
+ import "../../styles/GridFormEditBearing.scss";
3
3
  import { GridBaseRow } from "../Grid";
4
- export interface GridFormEditBearingProps<RowType extends GridBaseRow> {
4
+ import { CellEditorCommon } from "@components/GridCell";
5
+ export interface GridFormEditBearingProps<RowType extends GridBaseRow> extends CellEditorCommon {
5
6
  placeHolder?: string;
6
7
  range?: (value: number | null) => string | null;
7
8
  onSave?: (selectedRows: RowType[], value: number | null) => Promise<boolean>;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { GridBaseRow } from "../Grid";
3
- import { CellParams } from "@components/GridCell";
4
- export interface GridFormMessageProps<RowType extends GridBaseRow> {
3
+ import { CellEditorCommon, CellParams } from "@components/GridCell";
4
+ export interface GridFormMessageProps<RowType extends GridBaseRow> extends CellEditorCommon {
5
5
  message: (cellParams: CellParams<RowType>) => Promise<string | JSX.Element> | string | JSX.Element;
6
6
  }
7
7
  export declare const GridFormMessage: <RowType extends GridBaseRow>(_props: GridFormMessageProps<RowType>) => JSX.Element;
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
- import "../../react-menu3/styles/index.scss";
2
+ import "../../styles/GridFormMultiSelect.scss";
3
3
  import { GridBaseRow } from "../Grid";
4
+ import { CellEditorCommon } from "@components/GridCell";
4
5
  interface MultiFinalSelectOption<ValueType> {
5
6
  value: ValueType;
6
7
  label?: JSX.Element | string;
@@ -11,7 +12,8 @@ export interface MultiSelectResult<RowType> {
11
12
  selectedRows: RowType[];
12
13
  values: Record<string, any>;
13
14
  }
14
- export interface GridFormMultiSelectProps<RowType extends GridBaseRow, ValueType> {
15
+ export interface GridFormMultiSelectProps<RowType extends GridBaseRow, ValueType> extends CellEditorCommon {
16
+ className?: "GridMultiSelect-containerSmall" | "GridMultiSelect-containerMedium" | "GridMultiSelect-containerLarge" | string | undefined;
15
17
  filtered?: boolean;
16
18
  filterPlaceholder?: string;
17
19
  onSave?: (props: MultiSelectResult<RowType>) => Promise<boolean>;
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { GridBaseRow } from "../Grid";
3
- export interface GridFormPopoutMenuProps<RowType extends GridBaseRow> {
3
+ import { CellEditorCommon } from "@components/GridCell";
4
+ export interface GridFormPopoutMenuProps<RowType extends GridBaseRow> extends CellEditorCommon {
4
5
  options: (selectedRows: RowType[]) => Promise<MenuOption<RowType>[]>;
5
6
  }
6
7
  /** Menu configuration types **/
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { GridBaseRow } from "../Grid";
3
- export interface GridFormTextAreaProps<RowType extends GridBaseRow> {
3
+ import { CellEditorCommon } from "@components/GridCell";
4
+ export interface GridFormTextAreaProps<RowType extends GridBaseRow> extends CellEditorCommon {
4
5
  placeholder?: string;
5
6
  required?: boolean;
6
7
  maxlength?: number;
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { GridBaseRow } from "../Grid";
3
- export interface GridFormTextInputProps<RowType extends GridBaseRow> {
3
+ import { CellEditorCommon } from "@components/GridCell";
4
+ export interface GridFormTextInputProps<RowType extends GridBaseRow> extends CellEditorCommon {
4
5
  placeholder?: string;
5
6
  units?: string;
6
7
  required?: boolean;
@@ -1,7 +1,7 @@
1
1
  import { ColDefT, GenericCellEditorProps } from "../GridCell";
2
2
  import { GridFormEditBearingProps } from "../gridForm/GridFormEditBearing";
3
3
  import { GridBaseRow } from "../Grid";
4
- import { ColDef } from "ag-grid-community";
5
- export declare const GridPopoverEditBearingLike: <RowType extends GridBaseRow>(colDef: ColDef, props: GenericCellEditorProps<GridFormEditBearingProps<RowType>>) => ColDefT<RowType>;
6
- export declare const GridPopoverEditBearing: <RowType extends GridBaseRow>(colDef: ColDef, props: GenericCellEditorProps<GridFormEditBearingProps<RowType>>) => ColDefT<RowType>;
7
- export declare const GridPopoverEditBearingCorrection: <RowType extends GridBaseRow>(colDef: ColDef, props: GenericCellEditorProps<GridFormEditBearingProps<RowType>>) => ColDefT<RowType>;
4
+ import { GenericCellColDef } from "@components/gridRender/GridRenderGenericCell";
5
+ export declare const GridPopoverEditBearingLike: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, props: GenericCellEditorProps<GridFormEditBearingProps<RowType>>) => ColDefT<RowType>;
6
+ export declare const GridPopoverEditBearing: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, props: GenericCellEditorProps<GridFormEditBearingProps<RowType>>) => ColDefT<RowType>;
7
+ export declare const GridPopoverEditBearingCorrection: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, props: GenericCellEditorProps<GridFormEditBearingProps<RowType>>) => ColDefT<RowType>;
@@ -1,5 +1,5 @@
1
1
  import { ColDefT, GenericCellEditorProps } from "../GridCell";
2
2
  import { GridBaseRow } from "../Grid";
3
3
  import { GridFormPopoutDropDownProps } from "../gridForm/GridFormDropDown";
4
- import { ColDef } from "ag-grid-community";
5
- export declare const GridPopoverEditDropDown: <RowType extends GridBaseRow, ValueType>(colDef: ColDef, props: GenericCellEditorProps<GridFormPopoutDropDownProps<RowType, ValueType>>) => ColDefT<RowType>;
4
+ import { GenericCellColDef } from "@components/gridRender/GridRenderGenericCell";
5
+ export declare const GridPopoverEditDropDown: <RowType extends GridBaseRow, ValueType>(colDef: GenericCellColDef<RowType>, props: GenericCellEditorProps<GridFormPopoutDropDownProps<RowType, ValueType>>) => ColDefT<RowType>;
@@ -1,10 +1,9 @@
1
1
  import "./GridPopoverMenu.scss";
2
- import "../../react-menu3/styles/index.scss";
3
- import { ColDef } from "ag-grid-community";
4
2
  import { GridBaseRow } from "../Grid";
5
3
  import { ColDefT, GenericCellEditorProps } from "../GridCell";
6
4
  import { GridFormPopoutMenuProps } from "../gridForm/GridFormPopoutMenu";
5
+ import { GenericCellColDef } from "@components/gridRender/GridRenderGenericCell";
7
6
  /**
8
7
  * Popout burger menu
9
8
  */
10
- export declare const GridPopoverMenu: <RowType extends GridBaseRow>(colDef: ColDef, props: GenericCellEditorProps<GridFormPopoutMenuProps<RowType>>) => ColDefT<RowType>;
9
+ export declare const GridPopoverMenu: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, props: GenericCellEditorProps<GridFormPopoutMenuProps<RowType>>) => ColDefT<RowType>;
@@ -1,5 +1,5 @@
1
1
  import { ColDefT, GenericCellEditorProps } from "../GridCell";
2
2
  import { GridFormMessageProps } from "../gridForm/GridFormMessage";
3
3
  import { GridBaseRow } from "../Grid";
4
- import { ColDef } from "ag-grid-community";
5
- export declare const GridPopoverMessage: <RowType extends GridBaseRow>(colDef: ColDef, props: GenericCellEditorProps<GridFormMessageProps<RowType>>) => ColDefT<RowType>;
4
+ import { GenericCellColDef } from "@components/gridRender/GridRenderGenericCell";
5
+ export declare const GridPopoverMessage: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, props: GenericCellEditorProps<GridFormMessageProps<RowType>>) => ColDefT<RowType>;
@@ -1,5 +1,5 @@
1
1
  import { ColDefT, GenericCellEditorProps } from "../GridCell";
2
2
  import { GridBaseRow } from "../Grid";
3
3
  import { GridFormTextAreaProps } from "../gridForm/GridFormTextArea";
4
- import { ColDef } from "ag-grid-community";
5
- export declare const GridPopoverTextArea: <RowType extends GridBaseRow>(colDef: ColDef, params: GenericCellEditorProps<GridFormTextAreaProps<RowType>>) => ColDefT<RowType>;
4
+ import { GenericCellColDef } from "@components/gridRender/GridRenderGenericCell";
5
+ export declare const GridPopoverTextArea: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, params: GenericCellEditorProps<GridFormTextAreaProps<RowType>>) => ColDefT<RowType>;
@@ -1,5 +1,5 @@
1
1
  import { ColDefT, GenericCellEditorProps } from "../GridCell";
2
2
  import { GridBaseRow } from "../Grid";
3
3
  import { GridFormTextInputProps } from "../gridForm/GridFormTextInput";
4
- import { ColDef } from "ag-grid-community";
5
- export declare const GridPopoverTextInput: <RowType extends GridBaseRow>(colDef: ColDef, params: GenericCellEditorProps<GridFormTextInputProps<RowType>>) => ColDefT<RowType>;
4
+ import { GenericCellColDef } from "@components/gridRender/GridRenderGenericCell";
5
+ export declare const GridPopoverTextInput: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, params: GenericCellEditorProps<GridFormTextInputProps<RowType>>) => ColDefT<RowType>;
@@ -1,11 +1,12 @@
1
1
  /// <reference types="react" />
2
- import "./GridRenderGenericCell.scss";
3
- import { ColDef, ICellRendererParams } from "ag-grid-community";
2
+ import "../../styles/GridRenderGenericCell.scss";
3
+ import { ICellRendererParams } from "ag-grid-community";
4
4
  import { GridBaseRow } from "../Grid";
5
+ import { ColDefT } from "@components/GridCell";
5
6
  export interface RowICellRendererParams<RowType extends GridBaseRow> extends ICellRendererParams {
6
7
  data: RowType;
7
8
  }
8
- export interface GenericCellColDef<RowType extends GridBaseRow> extends ColDef {
9
+ export interface GenericCellColDef<RowType extends GridBaseRow> extends ColDefT<RowType> {
9
10
  cellRendererParams?: GenericCellRendererParams<RowType>;
10
11
  }
11
12
  export interface GenericCellRendererParams<RowType extends GridBaseRow> {
@@ -6,7 +6,7 @@ export interface GridContextType {
6
6
  setGridApi: (gridApi: GridApi | undefined) => void;
7
7
  setQuickFilter: (quickFilter: string) => void;
8
8
  editingCells: () => boolean;
9
- getSelectedRows: <T extends unknown>() => T[];
9
+ getSelectedRows: <T extends GridBaseRow>() => T[];
10
10
  getSelectedRowIds: () => number[];
11
11
  selectRowsDiff: (updateFn: () => Promise<any>) => Promise<void>;
12
12
  selectRowsWithFlashDiff: (updateFn: () => Promise<any>) => Promise<void>;
@@ -5,10 +5,10 @@ export interface PropsType {
5
5
  data: any;
6
6
  field: string;
7
7
  selectedRows: any[];
8
+ updateValue: (saveFn: (selectedRows: any[]) => Promise<boolean>) => Promise<boolean>;
8
9
  }
9
10
  export declare type GridPopoverContextType = {
10
11
  anchorRef: RefObject<Element>;
11
- updateValueRef: RefObject<(saveFn: (selectedRows: any[]) => Promise<boolean>) => Promise<boolean>>;
12
12
  saving: boolean;
13
13
  setSaving: (saving: boolean) => void;
14
14
  setProps: (props: ICellEditorParams, multiEdit: boolean) => void;
@@ -0,0 +1,31 @@
1
+ export * from "@react-menu3";
2
+ export * from "./react-menu3/types";
3
+ export * from "@contexts/GridUpdatingContext";
4
+ export * from "@contexts/GridUpdatingContextProvider";
5
+ export * from "@contexts/GridContext";
6
+ export * from "@contexts/GridContextProvider";
7
+ export type { GridBaseRow } from "@components/Grid";
8
+ export { Grid } from "@components/Grid";
9
+ export * from "@components/GridCell";
10
+ export { GridIcon } from "@components/GridIcon";
11
+ export { ComponentLoadingWrapper } from "@components/ComponentLoadingWrapper";
12
+ export { GenericMultiEditCellClass } from "@components/GenericCellClass";
13
+ export { GridLoadableCell } from "@components/GridLoadableCell";
14
+ export { useGridPopoverHook } from "@components/GridPopoverHook";
15
+ export { usePostSortRowsHook } from "@components/PostSortRowsHook";
16
+ export { GridRendererGenericCell } from "@components/gridRender/GridRenderGenericCell";
17
+ export { GridRenderPopoutMenuCell } from "@components/gridRender/GridRenderPopoutMenuCell";
18
+ export { GridPopoutEditMultiSelect } from "@components/gridPopoverEdit/GridPopoutEditMultiSelect";
19
+ export { GridPopoverMenu } from "@components/gridPopoverEdit/GridPopoverMenu";
20
+ export { GridPopoverEditBearing } from "@components/gridPopoverEdit/GridPopoverEditBearing";
21
+ export { GridPopoverEditBearingCorrection } from "@components/gridPopoverEdit/GridPopoverEditBearing";
22
+ export { GridPopoverEditDropDown } from "@components/gridPopoverEdit/GridPopoverEditDropDown";
23
+ export { GridPopoverMessage } from "@components/gridPopoverEdit/GridPopoverMessage";
24
+ export { GridPopoverTextArea } from "@components/gridPopoverEdit/GridPopoverTextArea";
25
+ export { GridPopoverTextInput } from "@components/gridPopoverEdit/GridPopoverTextInput";
26
+ export { GridHeaderSelect } from "@components/gridHeader/GridHeaderSelect";
27
+ export { TextAreaInput } from "./lui/TextAreaInput";
28
+ export { TextInputFormatted } from "./lui/TextInputFormatted";
29
+ export { GridSubComponentTextArea } from "@components/GridSubComponentTextArea";
30
+ export * from "@utils/bearing";
31
+ export * from "@utils/util";
@@ -1,24 +1,5 @@
1
1
  import { ForwardedRef, ReactNode } from "react";
2
- import { BaseProps, Event, EventHandler } from "../types";
3
- export interface RadioChangeEvent extends Event {
4
- /**
5
- * The `name` prop passed to the `MenuRadioGroup` when the menu item is in a radio group.
6
- */
7
- name?: string;
8
- /**
9
- * Set this property on event object to control whether to keep menu open after menu item is activated.
10
- * Leaving it `undefined` will behave in accordance with WAI-ARIA Authoring Practices.
11
- */
12
- keepOpen?: boolean;
13
- /**
14
- * Setting this property on event object to `true` will skip `onItemClick` event on root menu component.
15
- */
16
- stopPropagation?: boolean;
17
- /**
18
- * DOM event object (React synthetic event)
19
- */
20
- syntheticEvent: MouseEvent | KeyboardEvent;
21
- }
2
+ import { BaseProps, EventHandler, RadioChangeEvent } from "../types";
22
3
  export interface MenuRadioGroupProps extends BaseProps {
23
4
  /**
24
5
  * Optionally set the radio group name.
@@ -41,4 +22,4 @@ export interface MenuRadioGroupProps extends BaseProps {
41
22
  onRadioChange?: EventHandler<RadioChangeEvent>;
42
23
  }
43
24
  export declare const MenuRadioGroupFr: ({ "aria-label": ariaLabel, className, name, value, onRadioChange, ...restProps }: MenuRadioGroupProps, externalRef: ForwardedRef<HTMLUListElement>) => JSX.Element;
44
- export declare const MenuRadioGroup: import("react").ForwardRefExoticComponent<Pick<MenuRadioGroupProps, "name" | "className" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "onRadioChange"> & import("react").RefAttributes<HTMLUListElement>>;
25
+ export declare const MenuRadioGroup: import("react").ForwardRefExoticComponent<Pick<MenuRadioGroupProps, "className" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "value" | "onRadioChange"> & import("react").RefAttributes<HTMLUListElement>>;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { RMEvent } from "../utils";
3
+ export interface EventHandlersContextType {
4
+ handleClose?: () => void;
5
+ handleClick: (event: RMEvent, checked: boolean) => void;
6
+ }
7
+ export declare const EventHandlersContext: import("react").Context<EventHandlersContextType>;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const HoverItemContext: import("react").Context<undefined>;
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export declare const ItemSettingsContext: import("react").Context<{
3
+ submenuCloseDelay: number;
4
+ submenuOpenDelay: number;
5
+ }>;
@@ -0,0 +1,9 @@
1
+ import { MutableRefObject } from "react";
2
+ import { MenuDirection, MenuOverflow } from "../types";
3
+ export declare const MenuListContext: import("react").Context<{
4
+ overflow?: MenuOverflow | undefined;
5
+ overflowAmt?: number | undefined;
6
+ parentMenuRef?: MutableRefObject<any> | undefined;
7
+ parentDir?: MenuDirection | undefined;
8
+ reposSubmenu?: boolean | undefined;
9
+ }>;
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { FocusPosition } from "../types";
3
+ interface MenuListItemContextType {
4
+ isParentOpen?: boolean;
5
+ isSubmenuOpen?: boolean;
6
+ dispatch: (actionType: number, item: any, nextIndex: FocusPosition) => void;
7
+ updateItems: (item: any, isMounted?: boolean) => void;
8
+ setOpenSubmenuCount: (fn: (count: number) => number) => void;
9
+ }
10
+ export declare const MenuListItemContext: import("react").Context<MenuListItemContextType>;
11
+ export {};
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { EventHandler, RadioChangeEvent } from "../types";
3
+ export declare const RadioGroupContext: import("react").Context<{
4
+ value?: any;
5
+ name?: string | undefined;
6
+ onRadioChange?: EventHandler<RadioChangeEvent> | undefined;
7
+ }>;
@@ -0,0 +1,20 @@
1
+ import { MutableRefObject, RefObject } from "react";
2
+ import { ControlledMenuProps, MenuReposition, MenuViewScroll, RectElement, TransitionFieldType } from "../types";
3
+ interface SettingsContextType extends ControlledMenuProps {
4
+ rootMenuRef?: MutableRefObject<any>;
5
+ rootAnchorRef?: MutableRefObject<any>;
6
+ scrollNodesRef: MutableRefObject<{
7
+ anchors?: Element[];
8
+ menu?: any;
9
+ }>;
10
+ initialMounted?: boolean;
11
+ unmountOnClose?: boolean;
12
+ transition?: TransitionFieldType;
13
+ transitionTimeout?: number;
14
+ boundingBoxRef?: RefObject<Element | RectElement>;
15
+ boundingBoxPadding?: string;
16
+ reposition?: MenuReposition;
17
+ viewScroll?: MenuViewScroll;
18
+ }
19
+ export declare const SettingsContext: import("react").Context<SettingsContextType>;
20
+ export {};
@@ -9,4 +9,3 @@ export { MenuDivider } from "./components/MenuDivider";
9
9
  export { MenuHeader } from "./components/MenuHeader";
10
10
  export { MenuGroup } from "./components/MenuGroup";
11
11
  export { MenuRadioGroup } from "./components/MenuRadioGroup";
12
- export { ClickEvent } from "./types";
@@ -1,6 +1,4 @@
1
- import { MutableRefObject, RefObject } from "react";
2
- import { ControlledMenuProps, EventHandler, FocusPosition, MenuDirection, MenuOverflow, MenuReposition, MenuState, MenuViewScroll, RectElement, TransitionFieldType } from "../types";
3
- import { RadioChangeEvent } from "../components/MenuRadioGroup";
1
+ import { MenuState } from "../types";
4
2
  export declare const menuContainerClass = "szh-menu-container";
5
3
  export declare const menuClass = "szh-menu";
6
4
  export declare const menuButtonClass = "szh-menu-button";
@@ -11,22 +9,6 @@ export declare const menuHeaderClass = "header";
11
9
  export declare const menuGroupClass = "group";
12
10
  export declare const subMenuClass = "submenu";
13
11
  export declare const radioGroupClass = "radio-group";
14
- export declare const HoverItemContext: import("react").Context<undefined>;
15
- interface MenuListItemContextType {
16
- isParentOpen?: boolean;
17
- isSubmenuOpen?: boolean;
18
- dispatch: (actionType: number, item: any, nextIndex: FocusPosition) => void;
19
- updateItems: (item: any, isMounted?: boolean) => void;
20
- setOpenSubmenuCount: (fn: (count: number) => number) => void;
21
- }
22
- export declare const MenuListItemContext: import("react").Context<MenuListItemContextType>;
23
- export declare const MenuListContext: import("react").Context<{
24
- overflow?: MenuOverflow | undefined;
25
- overflowAmt?: number | undefined;
26
- parentMenuRef?: MutableRefObject<any> | undefined;
27
- parentDir?: MenuDirection | undefined;
28
- reposSubmenu?: boolean | undefined;
29
- }>;
30
12
  export interface RMEvent {
31
13
  value: any;
32
14
  syntheticEvent: any;
@@ -34,36 +16,6 @@ export interface RMEvent {
34
16
  name?: string;
35
17
  key?: string;
36
18
  }
37
- export declare const EventHandlersContext: import("react").Context<{
38
- handleClose?: (() => void) | undefined;
39
- handleClick: (event: RMEvent, checked: boolean) => void;
40
- }>;
41
- export declare const RadioGroupContext: import("react").Context<{
42
- value?: any;
43
- name?: string | undefined;
44
- onRadioChange?: EventHandler<RadioChangeEvent> | undefined;
45
- }>;
46
- interface SettingsContextType extends ControlledMenuProps {
47
- rootMenuRef?: MutableRefObject<any>;
48
- rootAnchorRef?: MutableRefObject<any>;
49
- scrollNodesRef: MutableRefObject<{
50
- anchors?: Element[];
51
- menu?: any;
52
- }>;
53
- initialMounted?: boolean;
54
- unmountOnClose?: boolean;
55
- transition?: TransitionFieldType;
56
- transitionTimeout?: number;
57
- boundingBoxRef?: RefObject<Element | RectElement>;
58
- boundingBoxPadding?: string;
59
- reposition?: MenuReposition;
60
- viewScroll?: MenuViewScroll;
61
- }
62
- export declare const SettingsContext: import("react").Context<SettingsContextType>;
63
- export declare const ItemSettingsContext: import("react").Context<{
64
- submenuCloseDelay: number;
65
- submenuOpenDelay: number;
66
- }>;
67
19
  export declare const Keys: Readonly<{
68
20
  ENTER: "Enter";
69
21
  ESC: "Escape";
@@ -96,4 +48,3 @@ export declare const FocusPositions: Readonly<{
96
48
  LAST: "last";
97
49
  }>;
98
50
  export declare const MenuStateMap: Record<string, MenuState>;
99
- export {};