@linzjs/step-ag-grid 23.0.0 → 24.0.0

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

@@ -1,18 +1,18 @@
 import {
+  cloneElement,
   ForwardedRef,
+  forwardRef,
   Fragment,
   ReactElement,
-  cloneElement,
-  forwardRef,
   useCallback,
   useImperativeHandle,
   useRef,
-} from "react";
+} from 'react';
 
-import { useCombinedRef, useMenuChange, useMenuStateAndFocus } from "../hooks";
-import { MenuButtonModifiers, MenuCloseEvent, RenderProp, RootMenuProps, UncontrolledMenuProps } from "../types";
-import { FocusPositions, Keys, getName, isMenuOpen, mergeProps, safeCall } from "../utils";
-import { ControlledMenu } from "./ControlledMenu";
+import { useCombinedRef, useMenuChange, useMenuStateAndFocus } from '../hooks';
+import { MenuButtonModifiers, MenuCloseEvent, RenderProp, RootMenuProps, UncontrolledMenuProps } from '../types';
+import { FocusPositions, getName, isMenuOpen, Keys, mergeProps, safeCall } from '../utils';
+import { ControlledMenu } from './ControlledMenu';
 
 //
 // Menu
@@ -31,7 +31,7 @@ export interface MenuProps extends RootMenuProps, UncontrolledMenuProps {
 }
 
 export function MenuFr(
-  { "aria-label": ariaLabel, menuButton, instanceRef, onMenuChange, ...restProps }: MenuProps,
+  { 'aria-label': ariaLabel, menuButton, instanceRef, onMenuChange, ...restProps }: MenuProps,
   externalRef: ForwardedRef<ReactElement>,
 ) {
   const [stateProps, toggleMenu, openMenu] = useMenuStateAndFocus(restProps);
@@ -72,14 +72,14 @@ export function MenuFr(
 
   // Too many mixed types here to figure out what to pick for button.  Bad code.
   const button: any = safeCall(menuButton, { open: isOpen });
-  if (!button || !button.type) throw new Error("Menu requires a menuButton prop.");
+  if (!button || !button.type) throw new Error('Menu requires a menuButton prop.');
 
   const buttonProps = {
     ref: useCombinedRef(button.ref, buttonRef),
     ...mergeProps({ onClick, onKeyDown }, button.props),
     isOpen: false,
   };
-  if (getName(button.type) === "MenuButton") {
+  if (getName(button.type) === 'MenuButton') {
     buttonProps.isOpen = isOpen;
   }
   const renderButton = cloneElement(button, buttonProps);
@@ -97,7 +97,7 @@ export function MenuFr(
       <ControlledMenu
         {...restProps}
         {...stateProps}
-        aria-label={ariaLabel || (typeof button.props.children === "string" ? button.props.children : "Menu")}
+        aria-label={ariaLabel || (typeof button.props.children === 'string' ? button.props.children : 'Menu')}
         anchorRef={buttonRef}
         ref={externalRef}
         onClose={handleClose}

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

@@ -1,8 +1,8 @@
-import { LegacyRef, ReactNode, forwardRef, useMemo } from "react";
+import { forwardRef, LegacyRef, ReactNode, useMemo } from 'react';
 
-import { useBEM } from "../hooks";
-import { BaseProps, MenuButtonModifiers } from "../types";
-import { menuButtonClass } from "../utils";
+import { useBEM } from '../hooks';
+import { BaseProps, MenuButtonModifiers } from '../types';
+import { menuButtonClass } from '../utils';
 
 export interface MenuButtonProps extends BaseProps<MenuButtonModifiers> {
   disabled?: boolean;

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

@@ -1,8 +1,8 @@
-import { LegacyRef, forwardRef, memo } from "react";
+import { forwardRef, LegacyRef, memo } from 'react';
 
-import { useBEM } from "../hooks";
-import { BaseProps } from "../types";
-import { menuClass, menuDividerClass } from "../utils";
+import { useBEM } from '../hooks';
+import { BaseProps } from '../types';
+import { menuClass, menuDividerClass } from '../utils';
 
 const MenuDividerFr = ({ className, ...restProps }: BaseProps, externalRef: LegacyRef<HTMLLIElement>) => {
   return (

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

@@ -1,9 +1,9 @@
-import { ForwardedRef, ReactNode, forwardRef, useContext, useRef, useState } from "react";
+import { ForwardedRef, forwardRef, ReactNode, useContext, useRef, useState } from 'react';
 
-import { MenuListContext } from "../contexts/MenuListContext";
-import { useBEM, useCombinedRef, useLayoutEffect } from "../hooks";
-import { BaseProps, MenuOverflow } from "../types";
-import { menuClass, menuGroupClass } from "../utils";
+import { MenuListContext } from '../contexts/MenuListContext';
+import { useBEM, useCombinedRef, useLayoutEffect } from '../hooks';
+import { BaseProps, MenuOverflow } from '../types';
+import { menuClass, menuGroupClass } from '../utils';
 
 export interface MenuGroupProps extends BaseProps {
   children?: ReactNode;

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

@@ -1,8 +1,8 @@
-import { ForwardedRef, forwardRef, memo } from "react";
+import { ForwardedRef, forwardRef, memo } from 'react';
 
-import { useBEM } from "../hooks";
-import { BasePropsWithChildren } from "../types";
-import { menuClass, menuHeaderClass } from "../utils";
+import { useBEM } from '../hooks';
+import { BasePropsWithChildren } from '../types';
+import { menuClass, menuHeaderClass } from '../utils';
 
 export const MenuHeaderFr = (
   { className, ...restProps }: BasePropsWithChildren,

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

@@ -1,11 +1,11 @@
-import { KeyboardEvent, Ref, useContext, useMemo } from "react";
+import { KeyboardEvent, Ref, useContext, useMemo } from 'react';
 
-import { EventHandlersContext } from "../contexts/EventHandlersContext";
-import { RadioGroupContext } from "../contexts/RadioGroupContext";
-import { useBEM, useCombinedRef, useItemState } from "../hooks";
-import { BaseProps, ClickEvent, EventHandler, Hoverable, MenuItemTypeProp, RenderProp } from "../types";
-import { Keys, RMEvent, commonProps, menuClass, menuItemClass, mergeProps, safeCall, withHovering } from "../utils";
-import { withHoveringResultProps } from "../utils/withHovering";
+import { EventHandlersContext } from '../contexts/EventHandlersContext';
+import { RadioGroupContext } from '../contexts/RadioGroupContext';
+import { useBEM, useCombinedRef, useItemState } from '../hooks';
+import { BaseProps, ClickEvent, EventHandler, Hoverable, MenuItemTypeProp, RenderProp } from '../types';
+import { commonProps, Keys, menuClass, menuItemClass, mergeProps, RMEvent, safeCall, withHovering } from '../utils';
+import { withHoveringResultProps } from '../utils/withHovering';
 
 //
 // MenuItem
@@ -33,7 +33,7 @@ export type MenuItemModifiers = Readonly<{
   anchor: boolean;
 }>;
 
-export interface MenuItemProps extends Omit<BaseProps<MenuItemModifiers>, "onClick">, Hoverable {
+export interface MenuItemProps extends Omit<BaseProps<MenuItemModifiers>, 'onClick'>, Hoverable {
   /**
    * Any value provided to this prop will be available in the event object of click events.
    *
@@ -85,8 +85,8 @@ const MenuItemFr = ({
   const { setHover, ...restStateProps } = useItemState(menuItemRef, menuItemRef, isHovering, isDisabled);
   const eventHandlers = useContext(EventHandlersContext);
   const radioGroup = useContext(RadioGroupContext);
-  const isRadio = type === "radio";
-  const isCheckBox = type === "checkbox";
+  const isRadio = type === 'radio';
+  const isCheckBox = type === 'checkbox';
   const isAnchor = !!href && !isDisabled && !isRadio && !isCheckBox;
   const isChecked = isRadio ? radioGroup.value === value : isCheckBox ? !!checked : false;
 
@@ -122,7 +122,7 @@ const MenuItemFr = ({
 
   const handleKeyDown = (e: KeyboardEvent) => {
     // if tab is allowed the handleKeyUp event can't process the tab
-    if (e.key === "Tab") {
+    if (e.key === 'Tab') {
       e.preventDefault();
       e.stopPropagation();
     }
@@ -176,8 +176,8 @@ const MenuItemFr = ({
   // 2. Merged outer and local props
   // 3. ref, className
   const menuItemProps = {
-    role: isRadio ? "menuitemradio" : isCheckBox ? "menuitemcheckbox" : "menuitem",
-    "aria-checked": isRadio || isCheckBox ? isChecked : undefined,
+    role: isRadio ? 'menuitemradio' : isCheckBox ? 'menuitemcheckbox' : 'menuitem',
+    'aria-checked': isRadio || isCheckBox ? isChecked : undefined,
     ...mergedProps,
     ...commonProps(isDisabled, isHovering),
     ref: useCombinedRef(externalRef as Ref<any>, menuItemRef),
@@ -196,4 +196,4 @@ const MenuItemFr = ({
   }
 };
 
-export const MenuItem = withHovering("MenuItem", MenuItemFr);
+export const MenuItem = withHovering('MenuItem', MenuItemFr);

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

@@ -1,32 +1,32 @@
-import { debounce } from "lodash-es";
-import { useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState } from "react";
-import { flushSync } from "react-dom";
-
-import { findParentWithClass } from "../../utils/util";
-import { HoverItemContext } from "../contexts/HoverItemContext";
-import { MenuListContext } from "../contexts/MenuListContext";
-import { MenuListItemContext } from "../contexts/MenuListItemContext";
-import { SettingsContext } from "../contexts/SettingsContext";
-import { useBEM, useCombinedRef, useItems, useLayoutEffect } from "../hooks";
-import { getPositionHelpers, positionContextMenu, positionMenu } from "../positionUtils";
-import { ControlledMenuProps, MenuDirection } from "../types";
+import { debounce } from 'lodash-es';
+import { useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState } from 'react';
+import { flushSync } from 'react-dom';
+
+import { findParentWithClass } from '../../utils/util';
+import { HoverItemContext } from '../contexts/HoverItemContext';
+import { MenuListContext } from '../contexts/MenuListContext';
+import { MenuListItemContext } from '../contexts/MenuListItemContext';
+import { SettingsContext } from '../contexts/SettingsContext';
+import { useBEM, useCombinedRef, useItems, useLayoutEffect } from '../hooks';
+import { getPositionHelpers, positionContextMenu, positionMenu } from '../positionUtils';
+import { ControlledMenuProps, MenuDirection } from '../types';
 import {
-  CloseReason,
-  FocusPositions,
-  HoverActionTypes,
-  Keys,
   batchedUpdates,
+  CloseReason,
   commonProps,
   floatEqual,
   focusFirstInput,
+  FocusPositions,
   getScrollAncestor,
   getTransition,
+  HoverActionTypes,
   isMenuOpen,
+  Keys,
   menuArrowClass,
   menuClass,
   mergeProps,
   safeCall,
-} from "../utils";
+} from '../utils';
 
 export const MenuList = ({
   ariaLabel,
@@ -40,10 +40,10 @@ export const MenuList = ({
   externalRef,
   parentScrollingRef,
   arrow,
-  align = "start",
-  direction = "bottom",
-  position = "auto",
-  overflow = "visible",
+  align = 'start',
+  direction = 'bottom',
+  position = 'auto',
+  overflow = 'visible',
   setDownOverflow,
   repositionFlag,
   captureFocus = true,
@@ -85,8 +85,8 @@ export const MenuList = ({
   const { hoverItem, dispatch, updateItems } = useItems(menuRef, focusRef);
 
   const isOpen = isMenuOpen(state);
-  const openTransition = getTransition(transition, "open");
-  const closeTransition = getTransition(transition, "close");
+  const openTransition = getTransition(transition, 'open');
+  const closeTransition = getTransition(transition, 'close');
   const scrollNodes = scrollNodesRef.current;
 
   /**
@@ -97,8 +97,8 @@ export const MenuList = ({
     if (!menuItemEl) return false;
 
     let [best, worst]: { i: number; d: number }[] = [];
-    findParentWithClass("szh-menu", menuItemEl)
-      ?.querySelectorAll<HTMLLIElement>(".szh-menu__item")
+    findParentWithClass('szh-menu', menuItemEl)
+      ?.querySelectorAll<HTMLLIElement>('.szh-menu__item')
       ?.forEach((item, i) => {
         // Must be at same height as currently focused menu-item
         if (item.offsetTop === menuItemEl.offsetTop) {
@@ -111,16 +111,16 @@ export const MenuList = ({
     const r = best ?? worst;
     if (!r) return false;
 
-    dispatch(HoverActionTypes.SET_INDEX, undefined, r["i"]);
+    dispatch(HoverActionTypes.SET_INDEX, undefined, r['i']);
     return true;
   };
 
   const onKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {
-    const elementTarget = e.target instanceof HTMLElement ? (e.target as HTMLElement) : null;
+    const elementTarget = e.target instanceof HTMLElement ? e.target : null;
     const isTextInputTarget =
       elementTarget &&
-      (elementTarget.nodeName === "TEXTAREA" ||
-        (elementTarget.nodeName === "INPUT" && elementTarget.getAttribute("type") === "text"));
+      (elementTarget.nodeName === 'TEXTAREA' ||
+        (elementTarget.nodeName === 'INPUT' && elementTarget.getAttribute('type') === 'text'));
     switch (e.key) {
       case Keys.HOME:
         // Don't eat home/end events on inputs
@@ -171,7 +171,7 @@ export const MenuList = ({
   };
 
   const onAnimationEnd = () => {
-    if (state === "closing") {
+    if (state === 'closing') {
       setOverflowData(undefined); // reset overflowData after closing
     }
 
@@ -181,7 +181,7 @@ export const MenuList = ({
   const handlePosition = useCallback(
     (noOverflowCheck?: boolean) => {
       if (!containerRef?.current) {
-        if (process.env.NODE_ENV !== "production") {
+        if (process.env.NODE_ENV !== 'production') {
           console.error(
             '[React-Menu] Menu cannot be positioned properly as container ref is null. If you need to initialise `state` prop to "open" for ControlledMenu, please see this solution: https://codesandbox.io/s/initial-open-sp10wn',
           );
@@ -199,7 +199,7 @@ export const MenuList = ({
       const positionHelpers = getPositionHelpers(containerRef, menuRef, scrollNodes.menu, boundingBoxPadding);
       const { menuRect } = positionHelpers;
       let results: { computedDirection: MenuDirection; arrowX?: number; arrowY?: number; x: number; y: number } = {
-        computedDirection: "bottom",
+        computedDirection: 'bottom',
         x: 0,
         y: 0,
       };
@@ -222,7 +222,7 @@ export const MenuList = ({
       const { x, arrowX, arrowY, computedDirection } = results;
       let menuHeight = menuRect.height;
 
-      if (!noOverflowCheck && overflow !== "visible") {
+      if (!noOverflowCheck && overflow !== 'visible') {
         const { getTopOverflow, getBottomOverflow } = positionHelpers;
 
         let height: number | undefined, overflowAmt: number | undefined;
@@ -307,20 +307,20 @@ export const MenuList = ({
     }
 
     let scroll = viewScroll;
-    if (scrollNodes.anchors.length && scroll === "initial") scroll = "auto";
-    if (scroll === "initial") return;
+    if (scrollNodes.anchors.length && scroll === 'initial') scroll = 'auto';
+    if (scroll === 'initial') return;
 
     const handleScroll = () => {
-      if (scroll === "auto") {
+      if (scroll === 'auto') {
         batchedUpdates(() => handlePosition(true));
       } else {
         safeCall(onClose, { reason: CloseReason.SCROLL });
       }
     };
 
-    const scrollObservers = scrollNodes.anchors.concat(viewScroll !== "initial" ? menuScroll : []);
-    scrollObservers.forEach((o: any) => o.addEventListener("scroll", handleScroll));
-    return () => scrollObservers.forEach((o) => o.removeEventListener("scroll", handleScroll));
+    const scrollObservers = scrollNodes.anchors.concat(viewScroll !== 'initial' ? menuScroll : []);
+    scrollObservers.forEach((o: any) => o.addEventListener('scroll', handleScroll));
+    return () => scrollObservers.forEach((o) => o.removeEventListener('scroll', handleScroll));
   }, [rootAnchorRef, scrollNodes, isOpen, onClose, viewScroll, handlePosition]);
 
   const hasOverflow = !!overflowData && overflowData.overflowAmt != null && overflowData.overflowAmt > 0;
@@ -329,12 +329,12 @@ export const MenuList = ({
 
     const handleScroll = () => batchedUpdates(handlePosition);
     const parentScroll = parentScrollingRef.current;
-    parentScroll.addEventListener("scroll", handleScroll);
-    return () => parentScroll.removeEventListener("scroll", handleScroll);
+    parentScroll.addEventListener('scroll', handleScroll);
+    return () => parentScroll.removeEventListener('scroll', handleScroll);
   }, [isOpen, hasOverflow, parentScrollingRef, handlePosition]);
 
   useEffect(() => {
-    if (typeof ResizeObserver !== "function" || reposition === "initial") return;
+    if (typeof ResizeObserver !== 'function' || reposition === 'initial') return;
 
     const resizeObserver = new ResizeObserver(([entry]) => {
       const { borderBoxSize, target } = entry;
@@ -359,13 +359,13 @@ export const MenuList = ({
     });
 
     const observeTarget = menuRef.current;
-    resizeObserver.observe(observeTarget, { box: "border-box" });
+    resizeObserver.observe(observeTarget, { box: 'border-box' });
     return () => resizeObserver.unobserve(observeTarget);
   }, [reposition]);
 
   // Matt added window resize observer
   useEffect(() => {
-    if (typeof ResizeObserver !== "function" || reposition === "initial") return;
+    if (typeof ResizeObserver !== 'function' || reposition === 'initial') return;
 
     const callback = debounce(() => {
       const { width, height } = menuRef.current.ownerDocument.body.getBoundingClientRect();
@@ -386,7 +386,7 @@ export const MenuList = ({
     const resizeObserver = new ResizeObserver(callback);
 
     const observeTarget = menuRef.current.ownerDocument.body;
-    resizeObserver.observe(observeTarget, { box: "border-box" });
+    resizeObserver.observe(observeTarget, { box: 'border-box' });
     return () => {
       callback.cancel();
       resizeObserver.unobserve(observeTarget);
@@ -406,7 +406,7 @@ export const MenuList = ({
         dispatch(HoverActionTypes.FIRST, undefined, 0);
       } else if (position === FocusPositions.LAST) {
         dispatch(HoverActionTypes.LAST, undefined, 0);
-      } else if (typeof position === "number" && position >= -1) {
+      } else if (typeof position === 'number' && position >= -1) {
         dispatch(HoverActionTypes.SET_INDEX, undefined, position);
       }
     };
@@ -488,10 +488,10 @@ export const MenuList = ({
 
   const dontShrinkOps = useMemo(
     () =>
-      expandedDirection === "top" && dontShrinkIfDirectionIsTop
+      expandedDirection === 'top' && dontShrinkIfDirectionIsTop
         ? {
-            overflowY: isSubmenuOpen ? "" : "auto",
-            minHeight: (isSubmenuOpen ? 0 : minHeight.current) + "px",
+            overflowY: isSubmenuOpen ? '' : 'auto',
+            minHeight: (isSubmenuOpen ? 0 : minHeight.current) + 'px',
           }
         : undefined,
     [dontShrinkIfDirectionIsTop, expandedDirection, isSubmenuOpen],
@@ -510,8 +510,8 @@ export const MenuList = ({
         ...overflowStyle,
         ...dontShrinkOps,
         margin: 0,
-        display: state === "closed" ? "none" : undefined,
-        position: "absolute",
+        display: state === 'closed' ? 'none' : undefined,
+        position: 'absolute',
         left: menuPosition.x,
         top: menuPosition.y,
       }}
@@ -519,16 +519,16 @@ export const MenuList = ({
       <div
         ref={focusRef}
         tabIndex={-1}
-        style={{ position: "absolute", left: 0, top: 0 }}
+        style={{ position: 'absolute', left: 0, top: 0 }}
         onKeyDown={(event) => {
-          if (event.key == "Tab") {
+          if (event.key == 'Tab') {
             event.preventDefault();
             event.stopPropagation();
             safeCall(onClose, {
               key: event.key,
               shiftKey: event.shiftKey,
               reason:
-                event.key === "Tab"
+                event.key === 'Tab'
                   ? event.shiftKey
                     ? CloseReason.TAB_BACKWARD
                     : CloseReason.TAB_FORWARD
@@ -542,7 +542,7 @@ export const MenuList = ({
           className={_arrowClass}
           style={{
             ...arrowStyle,
-            position: "absolute",
+            position: 'absolute',
             left: arrowPosition.x,
             top: arrowPosition.y,
           }}

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

@@ -1,9 +1,9 @@
-import { ForwardedRef, ReactNode, forwardRef, useMemo } from "react";
+import { ForwardedRef, forwardRef, ReactNode, useMemo } from 'react';
 
-import { RadioGroupContext } from "../contexts/RadioGroupContext";
-import { useBEM } from "../hooks";
-import { BaseProps, EventHandler, RadioChangeEvent } from "../types";
-import { menuClass, radioGroupClass } from "../utils";
+import { RadioGroupContext } from '../contexts/RadioGroupContext';
+import { useBEM } from '../hooks';
+import { BaseProps, EventHandler, RadioChangeEvent } from '../types';
+import { menuClass, radioGroupClass } from '../utils';
 
 //
 // MenuRadioGroup
@@ -31,7 +31,7 @@ export interface MenuRadioGroupProps extends BaseProps {
 }
 
 export const MenuRadioGroupFr = (
-  { "aria-label": ariaLabel, className, name, value, onRadioChange, ...restProps }: MenuRadioGroupProps,
+  { 'aria-label': ariaLabel, className, name, value, onRadioChange, ...restProps }: MenuRadioGroupProps,
   externalRef: ForwardedRef<HTMLUListElement>,
 ) => {
   const contextValue = useMemo(() => ({ name, value, onRadioChange }), [name, value, onRadioChange]);
@@ -41,7 +41,7 @@ export const MenuRadioGroupFr = (
       <li role="presentation">
         <ul
           role="group"
-          aria-label={ariaLabel || name || "Radio group"}
+          aria-label={ariaLabel || name || 'Radio group'}
           {...restProps}
           ref={externalRef}
           className={useBEM({ block: menuClass, element: radioGroupClass, className })}

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

@@ -7,14 +7,14 @@ import {
   useImperativeHandle,
   useMemo,
   useRef,
-} from "react";
-import { createPortal } from "react-dom";
+} from 'react';
+import { createPortal } from 'react-dom';
 
-import { ItemSettingsContext } from "../contexts/ItemSettingsContext";
-import { MenuListContext } from "../contexts/MenuListContext";
-import { MenuListItemContext } from "../contexts/MenuListItemContext";
-import { SettingsContext } from "../contexts/SettingsContext";
-import { useBEM, useCombinedRef, useItemEffect, useMenuChange, useMenuStateAndFocus } from "../hooks";
+import { ItemSettingsContext } from '../contexts/ItemSettingsContext';
+import { MenuListContext } from '../contexts/MenuListContext';
+import { MenuListItemContext } from '../contexts/MenuListItemContext';
+import { SettingsContext } from '../contexts/SettingsContext';
+import { useBEM, useCombinedRef, useItemEffect, useMenuChange, useMenuStateAndFocus } from '../hooks';
 import {
   BaseProps,
   ClassNameProp,
@@ -27,23 +27,23 @@ import {
   MenuPosition,
   RenderProp,
   UncontrolledMenuProps,
-} from "../types";
+} from '../types';
 import {
-  FocusPositions,
-  HoverActionTypes,
-  Keys,
   batchedUpdates,
   commonProps,
+  FocusPositions,
+  HoverActionTypes,
   isMenuOpen,
+  Keys,
   menuClass,
   menuItemClass,
   mergeProps,
   safeCall,
   subMenuClass,
   withHovering,
-} from "../utils";
-import { withHoveringResultProps } from "../utils/withHovering";
-import { MenuList } from "./MenuList";
+} from '../utils';
+import { withHoveringResultProps } from '../utils/withHovering';
+import { MenuList } from './MenuList';
 
 //
 // SubMenu
@@ -66,7 +66,7 @@ export type SubMenuItemModifiers = Readonly<{
 /**
  * Common props for `Menu`, `SubMenu` and `ControlledMenu`
  */
-interface BaseMenuProps extends Omit<BaseProps, "style"> {
+interface BaseMenuProps extends Omit<BaseProps, 'style'> {
   /**
    * Can be a string or a function which receives a modifier object and returns a CSS `class` string.
    */
@@ -152,11 +152,11 @@ export interface SubMenuProps extends BaseMenuProps, Hoverable, UncontrolledMenu
    * - 'none' submenu doesn't open with mouse or keyboard events;
    * you can call the `openMenu` function on `instanceRef` to open submenu programmatically.
    */
-  openTrigger?: "none" | "clickOnly";
+  openTrigger?: 'none' | 'clickOnly';
 }
 
 export const SubMenuFr = ({
-  "aria-label": ariaLabel,
+  'aria-label': ariaLabel,
   className,
   disabled,
   direction,
@@ -174,7 +174,7 @@ export const SubMenuFr = ({
   const { submenuOpenDelay, submenuCloseDelay } = useContext(ItemSettingsContext);
   const { parentMenuRef, parentDir, overflow: parentOverflow } = useContext(MenuListContext);
   const { isParentOpen, isSubmenuOpen, setOpenSubmenuCount, dispatch, updateItems } = useContext(MenuListItemContext);
-  const isPortal = parentOverflow !== "visible";
+  const isPortal = parentOverflow !== 'visible';
 
   const [stateProps, toggleMenu, _openMenu] = useMenuStateAndFocus(settings);
 
@@ -251,7 +251,7 @@ export const SubMenuFr = ({
       case Keys.ENTER:
       case Keys.SPACE:
       case Keys.RIGHT:
-        openTrigger !== "none" && openMenu(FocusPositions.FIRST);
+        openTrigger !== 'none' && openMenu(FocusPositions.FIRST);
         break;
     }
   };
@@ -303,7 +303,7 @@ export const SubMenuFr = ({
       onPointerMove: handlePointerMove,
       onPointerLeave: handlePointerLeave,
       onKeyDown: handleItemKeyDown,
-      onClick: () => openTrigger !== "none" && openMenu(),
+      onClick: () => openTrigger !== 'none' && openMenu(),
     },
     restItemProps,
   );
@@ -313,10 +313,10 @@ export const SubMenuFr = ({
       <MenuList
         {...restProps}
         {...stateProps}
-        ariaLabel={ariaLabel || (typeof label === "string" ? label : "Submenu")}
+        ariaLabel={ariaLabel || (typeof label === 'string' ? label : 'Submenu')}
         anchorRef={menuItemRef}
         containerRef={isPortal ? rootMenuRef : containerRef}
-        direction={direction || (parentDir === "right" || parentDir === "left" ? parentDir : "right")}
+        direction={direction || (parentDir === 'right' || parentDir === 'left' ? parentDir : 'right')}
         parentScrollingRef={isPortal && parentMenuRef}
         isDisabled={isDisabled}
       />
@@ -328,7 +328,7 @@ export const SubMenuFr = ({
   return (
     <li
       className={useBEM({ block: menuClass, element: subMenuClass, className })}
-      style={{ position: "relative" }}
+      style={{ position: 'relative' }}
       role="presentation"
       ref={containerRef}
       onKeyDown={handleKeyDown}
@@ -355,4 +355,4 @@ export const SubMenuFr = ({
   );
 };
 
-export const SubMenu = withHovering("SubMenu", SubMenuFr);
+export const SubMenu = withHovering('SubMenu', SubMenuFr);

package/src/react-menu3/contexts/EventHandlersContext.ts

@@ -1,6 +1,6 @@
-import { createContext } from "react";
+import { createContext } from 'react';
 
-import { RMEvent } from "../utils";
+import { RMEvent } from '../utils';
 
 export interface EventHandlersContextType {
   handleClose?: () => void;

package/src/react-menu3/contexts/HoverItemContext.ts

@@ -1,4 +1,4 @@
-import { createContext } from "react";
+import { createContext } from 'react';
 
 export const HoverItemContext = createContext<
   | HTMLDivElement

package/src/react-menu3/contexts/ItemSettingsContext.ts

@@ -1,4 +1,4 @@
-import { createContext } from "react";
+import { createContext } from 'react';
 
 export const ItemSettingsContext = createContext<{ submenuCloseDelay: number; submenuOpenDelay: number }>({
   submenuOpenDelay: 0,

package/src/react-menu3/contexts/MenuListContext.ts

@@ -1,6 +1,6 @@
-import { MutableRefObject, createContext } from "react";
+import { createContext, MutableRefObject } from 'react';
 
-import { MenuDirection, MenuOverflow } from "../types";
+import { MenuDirection, MenuOverflow } from '../types';
 
 export const MenuListContext = createContext<{
   overflow?: MenuOverflow;