@linzjs/step-ag-grid 14.7.1 → 14.9.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 (27) hide show
  1. package/README.md +1 -0
  2. package/dist/index.css +10 -0
  3. package/dist/src/components/Grid.d.ts +1 -0
  4. package/dist/src/components/gridForm/GridFormMultiSelectGrid.d.ts +24 -0
  5. package/dist/src/components/gridForm/index.d.ts +1 -0
  6. package/dist/src/components/gridPopoverEdit/GridPopoutEditMultiSelectGrid.d.ts +5 -0
  7. package/dist/src/components/gridPopoverEdit/index.d.ts +1 -0
  8. package/dist/src/react-menu3/contexts/HoverItemContext.d.ts +1 -1
  9. package/dist/src/react-menu3/hooks/useItems.d.ts +2 -2
  10. package/dist/src/react-menu3/utils/withHovering.d.ts +1 -1
  11. package/dist/step-ag-grid.esm.js +2376 -2904
  12. package/dist/step-ag-grid.esm.js.map +1 -1
  13. package/package.json +2 -2
  14. package/src/components/Grid.tsx +10 -6
  15. package/src/components/gridForm/GridFormMultiSelectGrid.tsx +172 -0
  16. package/src/components/gridForm/index.ts +1 -0
  17. package/src/components/gridPopoverEdit/GridPopoutEditMultiSelectGrid.ts +17 -0
  18. package/src/components/gridPopoverEdit/index.ts +1 -0
  19. package/src/react-menu3/components/MenuList.tsx +39 -0
  20. package/src/react-menu3/contexts/HoverItemContext.ts +6 -1
  21. package/src/react-menu3/hooks/useItems.ts +20 -8
  22. package/src/react-menu3/utils/withHovering.tsx +1 -1
  23. package/src/stories/grid/GridPopoverEditMultiSelectGrid.stories.tsx +109 -0
  24. package/src/stories/grid/gridFormInteraction/GridFormMultiSelectGridInteraction.stories.tsx +126 -0
  25. package/src/stories/react-menu/ReactMenu.stories.tsx +2 -0
  26. package/src/styles/GridFormMultiSelectGrid.scss +9 -0
  27. package/src/styles/index.scss +1 -0
package/README.md CHANGED
@@ -13,6 +13,7 @@
13
13
  - Text area
14
14
  - Drop-down
15
15
  - Multi-select
16
+ - Multi-select-grid
16
17
  - Bearing/Bearing Correction
17
18
  - Popover message
18
19
  - Custom form
package/dist/index.css CHANGED
@@ -501,6 +501,16 @@
501
501
  justify-content: center;
502
502
  }
503
503
 
504
+ .GridMultiSelect-noOptions {
505
+ justify-content: center;
506
+ }
507
+
508
+ .GridMultiSelectGrid-Label {
509
+ text-overflow: ellipsis;
510
+ white-space: nowrap;
511
+ overflow: hidden;
512
+ }
513
+
504
514
  .GridFormSubComponentTextInput-full-width-input {
505
515
  width: 100%;
506
516
  padding: 0;
@@ -22,6 +22,7 @@ export interface GridProps {
22
22
  noRowsOverlayText?: string;
23
23
  postSortRows?: GridOptions["postSortRows"];
24
24
  animateRows?: boolean;
25
+ rowHeight?: number;
25
26
  rowClassRules?: GridOptions["rowClassRules"];
26
27
  rowSelection?: "single" | "multiple";
27
28
  autoSelectFirstRow?: boolean;
@@ -0,0 +1,24 @@
1
+ import { ReactElement } from "react";
2
+ import { GridBaseRow } from "../Grid";
3
+ import { CellEditorCommon } from "../GridCell";
4
+ export interface MultiSelectGridOption {
5
+ value: any;
6
+ label?: string | ReactElement;
7
+ checked?: boolean | "partial";
8
+ canSelectPartial?: boolean;
9
+ warning?: string | undefined;
10
+ }
11
+ export interface GridFormMultiSelectGridSaveProps<RowType extends GridBaseRow> {
12
+ selectedRows: RowType[];
13
+ addValues: any[];
14
+ removeValues: any[];
15
+ }
16
+ export interface GridFormMultiSelectGridProps<RowType extends GridBaseRow> extends CellEditorCommon {
17
+ className?: string | undefined;
18
+ noOptionsMessage?: string;
19
+ onSave?: (props: GridFormMultiSelectGridSaveProps<RowType>) => Promise<boolean>;
20
+ options: MultiSelectGridOption[] | ((selectedRows: RowType[]) => Promise<MultiSelectGridOption[]> | MultiSelectGridOption[]);
21
+ invalid?: (props: GridFormMultiSelectGridSaveProps<RowType>) => boolean;
22
+ maxRowCount?: number;
23
+ }
24
+ export declare const GridFormMultiSelectGrid: <RowType extends GridBaseRow>(props: GridFormMultiSelectGridProps<RowType>) => ReactElement;
@@ -2,6 +2,7 @@ export * from "./GridFormDropDown";
2
2
  export * from "./GridFormEditBearing";
3
3
  export * from "./GridFormMessage";
4
4
  export * from "./GridFormMultiSelect";
5
+ export * from "./GridFormMultiSelectGrid";
5
6
  export * from "./GridFormPopoverMenu";
6
7
  export * from "./GridFormSubComponentTextArea";
7
8
  export * from "./GridFormSubComponentTextInput";
@@ -0,0 +1,5 @@
1
+ import { GridBaseRow } from "../Grid";
2
+ import { ColDefT, GenericCellEditorProps } from "../GridCell";
3
+ import { GridFormMultiSelectGridProps } from "../gridForm/GridFormMultiSelectGrid";
4
+ import { GenericCellColDef } from "../gridRender/GridRenderGenericCell";
5
+ export declare const GridPopoutEditMultiSelectGrid: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, props: GenericCellEditorProps<GridFormMultiSelectGridProps<RowType>>) => ColDefT<RowType>;
@@ -1,4 +1,5 @@
1
1
  export * from "./GridPopoutEditMultiSelect";
2
+ export * from "./GridPopoutEditMultiSelectGrid";
2
3
  export * from "./GridPopoverMenu";
3
4
  export * from "./GridPopoverEditBearing";
4
5
  export * from "./GridPopoverEditBearing";
@@ -1,2 +1,2 @@
1
1
  /// <reference types="react" />
2
- export declare const HoverItemContext: import("react").Context<undefined>;
2
+ export declare const HoverItemContext: import("react").Context<HTMLDivElement | HTMLLIElement | ((prevItem: HTMLDivElement | HTMLLIElement) => HTMLDivElement | HTMLLIElement | undefined) | undefined>;
@@ -1,7 +1,7 @@
1
1
  import { MutableRefObject } from "react";
2
2
  import { FocusPosition } from "../types";
3
3
  export declare const useItems: (menuRef: MutableRefObject<any>, focusRef: MutableRefObject<any> | undefined) => {
4
- hoverItem: any;
4
+ hoverItem: HTMLDivElement | HTMLLIElement | ((prevItem: HTMLDivElement | HTMLLIElement) => HTMLDivElement | HTMLLIElement | undefined) | undefined;
5
5
  dispatch: (actionType: number, item: any, nextIndex: FocusPosition) => void;
6
- updateItems: (item?: any, isMounted?: boolean) => void;
6
+ updateItems: (item?: HTMLDivElement | HTMLLIElement, isMounted?: boolean) => void;
7
7
  };
@@ -2,6 +2,6 @@ import { MutableRefObject, PropsWithRef } from "react";
2
2
  export interface withHoveringResultProps {
3
3
  isHovering?: boolean;
4
4
  externalRef?: MutableRefObject<any>;
5
- menuItemRef?: MutableRefObject<any>;
5
+ menuItemRef?: MutableRefObject<HTMLLIElement>;
6
6
  }
7
7
  export declare const withHovering: <T>(name: string, WrappedComponent: (props: T) => JSX.Element) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<PropsWithRef<T>> & import("react").RefAttributes<unknown>>;