@linzjs/step-ag-grid 2.2.0 → 2.2.1

package/package.json

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

package/src/components/GridPopoverHook.tsx

@@ -49,6 +49,7 @@ export const useGridPopoverHook = <RowType extends GridBaseRow>(props: GridPopov
               viewScroll={"auto"}
               dontShrinkIfDirectionIsTop={true}
               className={props.className}
+              closeMenuExclusionClassName={"ReactModal__Content"}
             >
               {saving && ( // This is the overlay that prevents editing when the editor is saving
                 <div

package/src/index.ts

@@ -27,6 +27,9 @@ export { GridPopoverEditDropDown } from "./components/gridPopoverEdit/GridPopove
 export { GridPopoverMessage } from "./components/gridPopoverEdit/GridPopoverMessage";
 export { GridPopoverTextArea } from "./components/gridPopoverEdit/GridPopoverTextArea";
 export { GridPopoverTextInput } from "./components/gridPopoverEdit/GridPopoverTextInput";
+export * from "./components/gridForm/GridFormDropDown";
+export * from "./components/gridForm/GridFormMultiSelect";
+export * from "./components/gridForm/GridFormPopoutMenu";
 
 export { GridHeaderSelect } from "./components/gridHeader/GridHeaderSelect";
 

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

@@ -40,6 +40,7 @@ export const ControlledMenuFr = (
     onItemClick,
     onClose,
     saveButtonRef,
+    closeMenuExclusionClassName,
     ...restProps
   }: ControlledMenuProps & { saveButtonRef?: MutableRefObject<HTMLButtonElement | null> },
   externalRef: ForwardedRef<HTMLUListElement>,
@@ -75,14 +76,16 @@ export const ControlledMenuFr = (
     ],
   );
 
-  const clickIsWithinMenu = useCallback((ev: MouseEvent) => {
-    return hasParentClass("szh-menu--state-open", ev.target as Node);
-  }, []);
+  const clickIsWithinMenu = useCallback(
+    (ev: MouseEvent) =>
+      hasParentClass("szh-menu--state-open", ev.target as Node) ||
+      (closeMenuExclusionClassName && hasParentClass(closeMenuExclusionClassName, ev.target as Node)),
+    [closeMenuExclusionClassName],
+  );
 
   const handleScreenEventForSave = useCallback(
     (ev: MouseEvent) => {
       if (!clickIsWithinMenu(ev)) {
-        //!ev.currentTarget.contains(ev.relatedTarget || document.activeElement)) {
         ev.preventDefault();
         ev.stopPropagation();
         // FIXME There's an issue in React17

package/src/react-menu3/types.ts

@@ -439,4 +439,9 @@ export interface ControlledMenuProps extends RootMenuProps, ExtraMenuProps {
    * Event fired when menu is about to close.
    */
   onClose?: EventHandler<MenuCloseEvent>;
+
+  /**
+   * When clicking outside the menu to close, anything with this class will not cause a close.
+   */
+  closeMenuExclusionClassName?: string;
 }