@linzjs/step-ag-grid 12.1.0 → 12.1.2

package/src/index.ts

@@ -1,5 +1,4 @@
-export * from "./react-menu3/index";
-export * from "./react-menu3/types";
+export * from "./components";
 
 export * from "./contexts/GridContext";
 export * from "./contexts/GridContextProvider";
@@ -9,50 +8,13 @@ export * from "./contexts/GridPopoverContext";
 export * from "./contexts/GridPopoverContextProvider";
 export * from "./contexts/GridSubComponentContext";
 
-export type { GridBaseRow } from "./components/Grid";
-export { Grid } from "./components/Grid";
-export * from "./components/GridCell";
-export * from "./components/GridCellMultiEditor";
-
-export { GridIcon } from "./components/GridIcon";
-export { ComponentLoadingWrapper } from "./components/ComponentLoadingWrapper";
-export { GridCellMultiSelectClassRules } from "./components/GridCellMultiSelectClassRules";
-export { GridLoadableCell } from "./components/GridLoadableCell";
-export { useGridPopoverHook } from "./components/GridPopoverHook";
-export { usePostSortRowsHook } from "./components/PostSortRowsHook";
-
-export * from "./components/gridRender/GridRenderGenericCell";
-export { GridRenderPopoutMenuCell } from "./components/gridRender/GridRenderPopoutMenuCell";
-
-export { GridPopoutEditMultiSelect } from "./components/gridPopoverEdit/GridPopoutEditMultiSelect";
-export { GridPopoverMenu } from "./components/gridPopoverEdit/GridPopoverMenu";
-export { GridPopoverEditBearing } from "./components/gridPopoverEdit/GridPopoverEditBearing";
-export { GridPopoverEditBearingCorrection } from "./components/gridPopoverEdit/GridPopoverEditBearing";
-export { GridPopoverEditDropDown } from "./components/gridPopoverEdit/GridPopoverEditDropDown";
-export { GridPopoverMessage } from "./components/gridPopoverEdit/GridPopoverMessage";
-export { GridPopoverTextArea } from "./components/gridPopoverEdit/GridPopoverTextArea";
-export { GridPopoverTextInput } from "./components/gridPopoverEdit/GridPopoverTextInput";
-export { GridFormSubComponentTextInput } from "./components/gridForm/GridFormSubComponentTextInput";
-export * from "./components/gridForm/GridFormDropDown";
-export * from "./components/gridForm/GridFormMultiSelect";
-export * from "./components/gridForm/GridFormPopoverMenu";
-export * from "./components/gridForm/GridFormTextInput";
-export * from "./components/gridForm/GridFormTextArea";
-export * from "./components/gridForm/GridFormMessage";
-export * from "./components/gridForm/GridFormEditBearing";
-
-export { useGridFilter } from "./components/GridFilter";
-export * from "./components/gridFilter/GridFilterQuick";
-export * from "./components/gridFilter/GridFilters";
-export * from "./components/GridWrapper";
-
-export { GridHeaderSelect } from "./components/gridHeader/GridHeaderSelect";
-
-export { TextAreaInput } from "./lui/TextAreaInput";
-export { TextInputFormatted } from "./lui/TextInputFormatted";
-export { GridFormSubComponentTextArea } from "./components/gridForm/GridFormSubComponentTextArea";
-
 export * from "./lui/ActionButton";
+export * from "./lui/FormError";
+export * from "./lui/TextAreaInput";
+export * from "./lui/TextInputFormatted";
+
+export * from "./react-menu3/index";
+export * from "./react-menu3/types";
 
 export * from "./utils/bearing";
 export * from "./utils/util";

package/src/lui/ActionButton.tsx

@@ -1,12 +1,13 @@
-import "./ActionButton.scss";
-
 import clsx from "clsx";
-import { useEffect, useState, CSSProperties } from "react";
+import { CSSProperties, useEffect, useState } from "react";
+
 import { LuiButton, LuiIcon, LuiMiniSpinner } from "@linzjs/lui";
+import { LuiButtonProps } from "@linzjs/lui/dist/components/LuiButton/LuiButton";
 import { IconName } from "@linzjs/lui/dist/components/LuiIcon/LuiIcon";
+
+import "./ActionButton.scss";
 import { usePrevious } from "./reactUtils";
 import { useStateDeferred } from "./stateDeferredHook";
-import { LuiButtonProps } from "@linzjs/lui/dist/components/LuiButton/LuiButton";
 
 export interface ActionButtonProps {
   icon: IconName;

package/src/lui/TextAreaInput.tsx

@@ -1,7 +1,8 @@
-import { InputHTMLAttributes, useState } from "react";
 import clsx from "clsx";
-import { v4 as uuidVersion4 } from "uuid";
 import { omit } from "lodash-es";
+import { InputHTMLAttributes, useState } from "react";
+import { v4 as uuidVersion4 } from "uuid";
+
 import { FormError } from "./FormError";
 
 export const useGenerateOrDefaultId = (idFromProps?: string) => {

package/src/lui/TextInputFormatted.tsx

@@ -1,10 +1,9 @@
-import "./TextInputFormatted.scss";
-
-import { DetailedHTMLProps, InputHTMLAttributes } from "react";
-
 import clsx from "clsx";
 import { omit } from "lodash-es";
+import { DetailedHTMLProps, InputHTMLAttributes } from "react";
+
 import { FormError } from "./FormError";
+import "./TextInputFormatted.scss";
 
 export interface LuiTextInputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
   // overrides value in base class to be string type only

package/src/lui/reactUtils.test.tsx

@@ -1,7 +1,8 @@
-import { usePrevious } from "./reactUtils";
-import { useEffect, useState } from "react";
-import { act, render } from "@testing-library/react";
 import { screen } from "@testing-library/dom";
+import { act, render } from "@testing-library/react";
+import { useEffect, useState } from "react";
+
+import { usePrevious } from "./reactUtils";
 
 interface WrapperProps {
   value: boolean;

package/src/lui/stateDeferredHook.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useRef, useState } from "react";
+
 import { useTimeoutHook } from "./timeoutHook";
 
 /**

package/src/lui/timeoutHook.test.tsx

@@ -1,6 +1,7 @@
-import { useTimeoutHook } from "./timeoutHook";
 import { render } from "@testing-library/react";
 
+import { useTimeoutHook } from "./timeoutHook";
+
 describe("useTimeoutHook", () => {
   beforeEach(() => {
     jest.useFakeTimers();

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

@@ -1,13 +1,14 @@
-import { forwardRef, useRef, useMemo, useCallback, useEffect, FocusEvent, MutableRefObject, ForwardedRef } from "react";
+import { FocusEvent, ForwardedRef, MutableRefObject, forwardRef, useCallback, useEffect, useMemo, useRef } from "react";
 import { createPortal } from "react-dom";
-import { MenuList } from "./MenuList";
-import { useBEM } from "../hooks";
-import { menuContainerClass, mergeProps, safeCall, isMenuOpen, getTransition, CloseReason, Keys } from "../utils";
+
 import { hasParentClass } from "../../utils/util";
-import { ControlledMenuProps, PortalFieldType, RadioChangeEvent } from "../types";
+import { EventHandlersContext, EventHandlersContextType } from "../contexts/EventHandlersContext";
 import { ItemSettingsContext } from "../contexts/ItemSettingsContext";
 import { SettingsContext } from "../contexts/SettingsContext";
-import { EventHandlersContext, EventHandlersContextType } from "../contexts/EventHandlersContext";
+import { useBEM } from "../hooks";
+import { ControlledMenuProps, PortalFieldType, RadioChangeEvent } from "../types";
+import { CloseReason, Keys, getTransition, isMenuOpen, menuContainerClass, mergeProps, safeCall } from "../utils";
+import { MenuList } from "./MenuList";
 
 export const ControlledMenuFr = (
   {

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

@@ -1,9 +1,10 @@
 import { LegacyRef, useContext, useMemo, useRef } from "react";
+
+import { EventHandlersContext } from "../contexts/EventHandlersContext";
 import { useBEM, useCombinedRef, useItemState } from "../hooks";
-import { mergeProps, commonProps, safeCall, menuClass, menuItemClass, withHovering } from "../utils";
 import { BaseProps } from "../types";
+import { commonProps, menuClass, menuItemClass, mergeProps, safeCall, withHovering } from "../utils";
 import { withHoveringResultProps } from "../utils/withHovering";
-import { EventHandlersContext } from "../contexts/EventHandlersContext";
 
 export interface FocusableItemProps extends BaseProps, withHoveringResultProps {
   disabled?: boolean;

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

@@ -1,17 +1,18 @@
 import {
-  cloneElement,
+  ForwardedRef,
   Fragment,
+  ReactElement,
+  cloneElement,
   forwardRef,
-  useRef,
   useCallback,
   useImperativeHandle,
-  ReactElement,
-  ForwardedRef,
+  useRef,
 } from "react";
-import { ControlledMenu } from "./ControlledMenu";
-import { useMenuChange, useMenuStateAndFocus, useCombinedRef } from "../hooks";
-import { getName, mergeProps, safeCall, isMenuOpen, Keys, FocusPositions } from "../utils";
+
+import { useCombinedRef, useMenuChange, useMenuStateAndFocus } from "../hooks";
 import { MenuButtonModifiers, RenderProp, RootMenuProps, UncontrolledMenuProps } from "../types";
+import { FocusPositions, Keys, getName, isMenuOpen, mergeProps, safeCall } from "../utils";
+import { ControlledMenu } from "./ControlledMenu";
 
 //
 // Menu

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

@@ -1,7 +1,8 @@
-import { forwardRef, LegacyRef, ReactNode, useMemo } from "react";
+import { LegacyRef, ReactNode, forwardRef, useMemo } from "react";
+
 import { useBEM } from "../hooks";
-import { menuButtonClass } from "../utils";
 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,7 +1,8 @@
-import { memo, forwardRef, LegacyRef } from "react";
+import { LegacyRef, forwardRef, memo } from "react";
+
 import { useBEM } from "../hooks";
-import { menuClass, menuDividerClass } from "../utils";
 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,8 +1,9 @@
-import { ForwardedRef, forwardRef, ReactNode, useContext, useRef, useState } from "react";
-import { useBEM, useLayoutEffect, useCombinedRef } from "../hooks";
-import { menuClass, menuGroupClass } from "../utils";
-import { BaseProps, MenuOverflow } from "../types";
+import { ForwardedRef, ReactNode, forwardRef, 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";
 
 export interface MenuGroupProps extends BaseProps {
   children?: ReactNode;

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

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

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

@@ -1,10 +1,11 @@
 import { KeyboardEvent, Ref, useContext, useMemo } from "react";
-import { useBEM, useItemState, useCombinedRef } from "../hooks";
-import { mergeProps, commonProps, safeCall, menuClass, menuItemClass, withHovering, Keys, RMEvent } from "../utils";
-import { BaseProps, ClickEvent, EventHandler, Hoverable, MenuItemTypeProp, RenderProp } from "../types";
-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 { Keys, RMEvent, commonProps, menuClass, menuItemClass, mergeProps, safeCall, withHovering } from "../utils";
+import { withHoveringResultProps } from "../utils/withHovering";
 
 //
 // MenuItem

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

@@ -1,30 +1,31 @@
+import { debounce } from "lodash-es";
 import { useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState } from "react";
 import { flushSync } from "react-dom";
+
+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 {
-  batchedUpdates,
   CloseReason,
+  FocusPositions,
+  HoverActionTypes,
+  Keys,
+  batchedUpdates,
   commonProps,
   floatEqual,
   focusFirstInput,
-  FocusPositions,
   getScrollAncestor,
   getTransition,
-  HoverActionTypes,
   isMenuOpen,
-  Keys,
   menuArrowClass,
   menuClass,
   mergeProps,
   safeCall,
 } from "../utils";
-import { ControlledMenuProps, MenuDirection } from "../types";
-import { MenuListItemContext } from "../contexts/MenuListItemContext";
-import { HoverItemContext } from "../contexts/HoverItemContext";
-import { MenuListContext } from "../contexts/MenuListContext";
-import { SettingsContext } from "../contexts/SettingsContext";
-import { debounce } from "lodash-es";
 
 export const MenuList = ({
   ariaLabel,

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

@@ -1,8 +1,9 @@
-import { ForwardedRef, forwardRef, ReactNode, useMemo } from "react";
+import { ForwardedRef, ReactNode, forwardRef, useMemo } from "react";
+
+import { RadioGroupContext } from "../contexts/RadioGroupContext";
 import { useBEM } from "../hooks";
-import { menuClass, radioGroupClass } from "../utils";
 import { BaseProps, EventHandler, RadioChangeEvent } from "../types";
-import { RadioGroupContext } from "../contexts/RadioGroupContext";
+import { menuClass, radioGroupClass } from "../utils";
 
 //
 // MenuRadioGroup

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

@@ -1,30 +1,20 @@
 import {
-  useRef,
+  CSSProperties,
+  KeyboardEvent,
+  ReactNode,
   useContext,
   useEffect,
-  useMemo,
   useImperativeHandle,
-  CSSProperties,
-  ReactNode,
-  KeyboardEvent,
+  useMemo,
+  useRef,
 } from "react";
 import { createPortal } from "react-dom";
-import { useBEM, useCombinedRef, useMenuChange, useMenuStateAndFocus, useItemEffect } from "../hooks";
-import { MenuList } from "./MenuList";
-import {
-  mergeProps,
-  batchedUpdates,
-  commonProps,
-  safeCall,
-  menuClass,
-  subMenuClass,
-  menuItemClass,
-  isMenuOpen,
-  withHovering,
-  Keys,
-  HoverActionTypes,
-  FocusPositions,
-} from "../utils";
+
+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,
@@ -38,11 +28,22 @@ import {
   RenderProp,
   UncontrolledMenuProps,
 } from "../types";
+import {
+  FocusPositions,
+  HoverActionTypes,
+  Keys,
+  batchedUpdates,
+  commonProps,
+  isMenuOpen,
+  menuClass,
+  menuItemClass,
+  mergeProps,
+  safeCall,
+  subMenuClass,
+  withHovering,
+} from "../utils";
 import { withHoveringResultProps } from "../utils/withHovering";
-import { MenuListItemContext } from "../contexts/MenuListItemContext";
-import { MenuListContext } from "../contexts/MenuListContext";
-import { SettingsContext } from "../contexts/SettingsContext";
-import { ItemSettingsContext } from "../contexts/ItemSettingsContext";
+import { MenuList } from "./MenuList";
 
 //
 // SubMenu

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

@@ -1,4 +1,5 @@
 import { createContext } from "react";
+
 import { RMEvent } from "../utils";
 
 export interface EventHandlersContextType {

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

@@ -1,4 +1,5 @@
-import { createContext, MutableRefObject } from "react";
+import { MutableRefObject, createContext } from "react";
+
 import { MenuDirection, MenuOverflow } from "../types";
 
 export const MenuListContext = createContext<{

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

@@ -1,6 +1,7 @@
-import { FocusPosition } from "../types";
 import { createContext } from "react";
 
+import { FocusPosition } from "../types";
+
 interface MenuListItemContextType {
   isParentOpen?: boolean;
   isSubmenuOpen?: boolean;

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

@@ -1,4 +1,5 @@
 import { createContext } from "react";
+
 import { EventHandler, RadioChangeEvent } from "../types";
 
 export const RadioGroupContext = createContext<{

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

@@ -1,4 +1,5 @@
-import { createContext, MutableRefObject, RefObject } from "react";
+import { MutableRefObject, RefObject, createContext } from "react";
+
 import { ControlledMenuProps, MenuReposition, MenuViewScroll, RectElement, TransitionFieldType } from "../types";
 
 interface SettingsContextType extends ControlledMenuProps {

package/src/react-menu3/hooks/useBEM.ts

@@ -1,4 +1,5 @@
 import { useMemo } from "react";
+
 import { ClassNameProp } from "../types";
 
 type useBemModifiers = Record<string, boolean | string | undefined>;

package/src/react-menu3/hooks/useCombinedRef.ts

@@ -1,4 +1,4 @@
-import { useMemo, LegacyRef, ForwardedRef } from "react";
+import { ForwardedRef, LegacyRef, useMemo } from "react";
 
 // Adapted from material-ui
 // https://github.com/mui-org/material-ui/blob/f996027d00e7e4bff3fc040786c1706f9c6c3f82/packages/material-ui-utils/src/useForkRef.ts

package/src/react-menu3/hooks/useItemEffect.ts

@@ -1,4 +1,5 @@
 import { MutableRefObject } from "react";
+
 import { useLayoutEffect } from "./useIsomorphicLayoutEffect";
 
 export const useItemEffect = (

package/src/react-menu3/hooks/useItemState.ts

@@ -1,8 +1,9 @@
-import { useRef, useContext, useEffect, FocusEvent, MutableRefObject } from "react";
+import { FocusEvent, MutableRefObject, useContext, useEffect, useRef } from "react";
+
+import { ItemSettingsContext } from "../contexts/ItemSettingsContext";
+import { MenuListItemContext } from "../contexts/MenuListItemContext";
 import { HoverActionTypes } from "../utils";
 import { useItemEffect } from "./useItemEffect";
-import { MenuListItemContext } from "../contexts/MenuListItemContext";
-import { ItemSettingsContext } from "../contexts/ItemSettingsContext";
 
 // This hook includes some common stateful logic in MenuItem and FocusableItem
 export const useItemState = (

package/src/react-menu3/hooks/useItems.ts

@@ -1,6 +1,7 @@
-import { useState, useCallback, useRef, MutableRefObject } from "react";
-import { focusFirstInput, HoverActionTypes, indexOfNode } from "../utils";
+import { MutableRefObject, useCallback, useRef, useState } from "react";
+
 import { FocusPosition } from "../types";
+import { HoverActionTypes, focusFirstInput, indexOfNode } from "../utils";
 
 export const useItems = (menuRef: MutableRefObject<any>, focusRef: MutableRefObject<any> | undefined) => {
   const [hoverItem, setHoverItem] = useState<any>();

package/src/react-menu3/hooks/useMenuChange.ts

@@ -1,6 +1,7 @@
-import { useRef, useEffect } from "react";
-import { safeCall } from "../utils";
+import { useEffect, useRef } from "react";
+
 import { EventHandler, MenuChangeEvent } from "../types";
+import { safeCall } from "../utils";
 
 export const useMenuChange = (onMenuChange?: EventHandler<MenuChangeEvent>, isOpen?: boolean) => {
   const prevOpen = useRef(isOpen);

package/src/react-menu3/hooks/useMenuState.ts

@@ -1,6 +1,7 @@
 import { useTransition } from "react-transition-state";
-import { MenuStateMap, getTransition } from "../utils";
+
 import { MenuState, MenuStateOptions } from "../types";
+import { MenuStateMap, getTransition } from "../utils";
 
 /**
  * A custom Hook which helps manage the states of `ControlledMenu`.

package/src/react-menu3/hooks/useMenuStateAndFocus.ts

@@ -1,6 +1,7 @@
 import { useState } from "react";
-import { useMenuState } from "./useMenuState";
+
 import { ControlledMenuProps, FocusPosition, MenuStateOptions } from "../types";
+import { useMenuState } from "./useMenuState";
 
 export const useMenuStateAndFocus = (
   options: MenuStateOptions,

package/src/react-menu3/positionUtils/getPositionHelpers.ts

@@ -1,6 +1,7 @@
-import { parsePadding } from "../utils";
 import { MutableRefObject } from "react";
 
+import { parsePadding } from "../utils";
+
 export const getPositionHelpers = (
   containerRef: MutableRefObject<HTMLElement | undefined>,
   menuRef: MutableRefObject<HTMLElement>,

package/src/react-menu3/positionUtils/placeLeftorRight.ts

@@ -1,7 +1,8 @@
-import { placeArrowVertical } from "./placeArrowVertical";
-import { getPositionHelpers } from "./getPositionHelpers";
 import { MutableRefObject } from "react";
+
 import { MenuDirection } from "../types";
+import { getPositionHelpers } from "./getPositionHelpers";
+import { placeArrowVertical } from "./placeArrowVertical";
 
 export interface placeLeftorRightParams {
   anchorRect: DOMRect;

package/src/react-menu3/positionUtils/placeToporBottom.ts

@@ -1,7 +1,8 @@
-import { placeArrowHorizontal } from "./placeArrowHorizontal";
-import { getPositionHelpers } from "./getPositionHelpers";
 import { MutableRefObject } from "react";
+
 import { MenuDirection } from "../types";
+import { getPositionHelpers } from "./getPositionHelpers";
+import { placeArrowHorizontal } from "./placeArrowHorizontal";
 
 export interface placeToporBottomParams {
   anchorRect: DOMRect;

package/src/react-menu3/positionUtils/positionContextMenu.ts

@@ -1,5 +1,5 @@
-import { getPositionHelpers } from "./getPositionHelpers";
 import { MenuDirection } from "../types";
+import { getPositionHelpers } from "./getPositionHelpers";
 
 export const positionContextMenu = ({
   positionHelpers,

package/src/react-menu3/positionUtils/positionMenu.ts

@@ -1,8 +1,9 @@
-import { placeLeftorRight } from "./placeLeftorRight";
-import { placeToporBottom } from "./placeToporBottom";
 import { MutableRefObject } from "react";
-import { getPositionHelpers } from "./getPositionHelpers";
+
 import { MenuDirection } from "../types";
+import { getPositionHelpers } from "./getPositionHelpers";
+import { placeLeftorRight } from "./placeLeftorRight";
+import { placeToporBottom } from "./placeToporBottom";
 
 interface positionMenuProps {
   offsetX: number;

package/src/react-menu3/style-utils/index.ts

@@ -1,12 +1,12 @@
 import {
-  menuContainerClass,
+  menuArrowClass,
   menuButtonClass,
   menuClass,
-  menuArrowClass,
-  menuItemClass,
+  menuContainerClass,
   menuDividerClass,
-  menuHeaderClass,
   menuGroupClass,
+  menuHeaderClass,
+  menuItemClass,
   radioGroupClass,
   subMenuClass,
 } from "../utils";

package/src/react-menu3/utils/propTypes2.ts

@@ -1,4 +1,4 @@
-import { string, number, bool, func, object, oneOf, oneOfType, exact } from "prop-types";
+import { bool, exact, func, number, object, oneOf, oneOfType, string } from "prop-types";
 
 export const stylePropTypes = (name?: string) => ({
   [name ? `${name}ClassName` : "className"]: oneOfType([string, func]),

package/src/react-menu3/utils/utils.ts

@@ -1,7 +1,8 @@
+import { findIndex } from "lodash-es";
 import { unstable_batchedUpdates } from "react-dom";
-import { MenuState, MenuStateOptions } from "../types";
+
 import { MenuButtonProps } from "../components/MenuButton";
-import { findIndex } from "lodash-es";
+import { MenuState, MenuStateOptions } from "../types";
 
 export const isMenuOpen = (state?: MenuState) => !!state && state[0] === "o";
 export const batchedUpdates = unstable_batchedUpdates || ((callback: () => any) => callback());

package/src/react-menu3/utils/withHovering.tsx

@@ -1,4 +1,5 @@
-import { memo, forwardRef, useContext, useRef, MutableRefObject, PropsWithRef } from "react";
+import { MutableRefObject, PropsWithRef, forwardRef, memo, useContext, useRef } from "react";
+
 import { HoverItemContext } from "../contexts/HoverItemContext";
 
 export interface withHoveringResultProps {

package/src/stories/components/ActionButton.stories.tsx

@@ -1,9 +1,10 @@
-import "@linzjs/lui/dist/scss/base.scss";
+import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
+import { useCallback } from "react";
+
 import "@linzjs/lui/dist/fonts";
+import "@linzjs/lui/dist/scss/base.scss";
 
-import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
 import { ActionButton } from "../../lui/ActionButton";
-import { useCallback } from "react";
 import { wait } from "../../utils/util";
 
 export default {