@linzjs/step-ag-grid 23.0.0 → 24.0.0

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

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

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

@@ -1,6 +1,6 @@
-import { createContext } from "react";
+import { createContext } from 'react';
 
-import { EventHandler, RadioChangeEvent } from "../types";
+import { EventHandler, RadioChangeEvent } from '../types';
 
 export const RadioGroupContext = createContext<{
   value?: any;

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

@@ -1,6 +1,6 @@
-import { MutableRefObject, RefObject, createContext } from "react";
+import { createContext, MutableRefObject, RefObject } from 'react';
 
-import { ControlledMenuProps, MenuReposition, MenuViewScroll, RectElement, TransitionFieldType } from "../types";
+import { ControlledMenuProps, MenuReposition, MenuViewScroll, RectElement, TransitionFieldType } from '../types';
 
 interface SettingsContextType extends ControlledMenuProps {
   rootMenuRef?: MutableRefObject<any>;

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

@@ -1,9 +1,9 @@
-export { useBEM } from "./useBEM";
-export { useCombinedRef } from "./useCombinedRef";
-export { useLayoutEffect } from "./useIsomorphicLayoutEffect";
-export { useItems } from "./useItems";
-export { useItemEffect } from "./useItemEffect";
-export { useItemState } from "./useItemState";
-export { useMenuChange } from "./useMenuChange";
-export { useMenuState } from "./useMenuState";
-export { useMenuStateAndFocus } from "./useMenuStateAndFocus";
+export { useBEM } from './useBEM';
+export { useCombinedRef } from './useCombinedRef';
+export { useLayoutEffect } from './useIsomorphicLayoutEffect';
+export { useItemEffect } from './useItemEffect';
+export { useItems } from './useItems';
+export { useItemState } from './useItemState';
+export { useMenuChange } from './useMenuChange';
+export { useMenuState } from './useMenuState';
+export { useMenuStateAndFocus } from './useMenuStateAndFocus';

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

@@ -1,6 +1,6 @@
-import { useMemo } from "react";
+import { useMemo } from 'react';
 
-import { ClassNameProp } from "../types";
+import { ClassNameProp } from '../types';
 
 type useBemModifiers = Record<string, boolean | string | undefined>;
 
@@ -24,8 +24,8 @@ export const useBEM = ({ block, element, modifiers, className }: useBemProps) =>
         if (value) classString += ` ${blockElement}--${value === true ? name : `${name}-${value}`}`;
       });
 
-    let expandedClassName = typeof className === "function" ? className(modifiers) : className;
-    if (typeof expandedClassName === "string") {
+    let expandedClassName = typeof className === 'function' ? className(modifiers) : className;
+    if (typeof expandedClassName === 'string') {
       expandedClassName = expandedClassName.trim();
       if (expandedClassName) classString += ` ${expandedClassName}`;
     }

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

@@ -1,10 +1,10 @@
-import { ForwardedRef, LegacyRef, useMemo } 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
 
 const setRef = <T>(ref: ForwardedRef<T> | undefined, instance: T | null) => {
-  if (typeof ref === "function") {
+  if (typeof ref === 'function') {
     ref(instance);
   } else if (ref) {
     ref.current = instance;

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

@@ -1,4 +1,4 @@
-import { useEffect, useLayoutEffect } from "react";
+import { useEffect, useLayoutEffect } from 'react';
 
 // Get around a warning when using useLayoutEffect on the server.
 // https://github.com/reduxjs/react-redux/blob/b48d087d76f666e1c6c5a9713bbec112a1631841/src/utils/useIsomorphicLayoutEffect.js#L12
@@ -6,9 +6,9 @@ import { useEffect, useLayoutEffect } from "react";
 // https://github.com/facebook/react/issues/14927#issuecomment-549457471
 
 const useIsomorphicLayoutEffect =
-  typeof window !== "undefined" &&
-  typeof window.document !== "undefined" &&
-  typeof window.document.createElement !== "undefined"
+  typeof window !== 'undefined' &&
+  typeof window.document !== 'undefined' &&
+  typeof window.document.createElement !== 'undefined'
     ? useLayoutEffect
     : useEffect;
 

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

@@ -1,6 +1,6 @@
-import { MutableRefObject } from "react";
+import { MutableRefObject } from 'react';
 
-import { useLayoutEffect } from "./useIsomorphicLayoutEffect";
+import { useLayoutEffect } from './useIsomorphicLayoutEffect';
 
 export const useItemEffect = (
   isDisabled: boolean | undefined,
@@ -9,7 +9,7 @@ export const useItemEffect = (
 ) => {
   useLayoutEffect(() => {
     if (!menuItemRef) return;
-    if (process.env.NODE_ENV !== "production" && !updateItems) {
+    if (process.env.NODE_ENV !== 'production' && !updateItems) {
       throw new Error(
         `[React-Menu] This menu item or submenu should be rendered under a menu: ${menuItemRef.current.outerHTML}`,
       );

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

@@ -1,9 +1,9 @@
-import { FocusEvent, MutableRefObject, useContext, useEffect, useRef } 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 { ItemSettingsContext } from '../contexts/ItemSettingsContext';
+import { MenuListItemContext } from '../contexts/MenuListItemContext';
+import { HoverActionTypes } from '../utils';
+import { useItemEffect } from './useItemEffect';
 
 // This hook includes some common stateful logic in MenuItem and FocusableItem
 export const useItemState = (

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

@@ -1,8 +1,8 @@
-import { defer } from "lodash-es";
-import { MutableRefObject, useCallback, useRef, useState } from "react";
+import { defer } from 'lodash-es';
+import { MutableRefObject, useCallback, useRef, useState } from 'react';
 
-import { FocusPosition } from "../types";
-import { HoverActionTypes, focusFirstInput, indexOfNode } from "../utils";
+import { FocusPosition } from '../types';
+import { focusFirstInput, HoverActionTypes, indexOfNode } from '../utils';
 
 export const useItems = (menuRef: MutableRefObject<any>, focusRef: MutableRefObject<any> | undefined) => {
   const [hoverItem, setHoverItem] = useState<
@@ -46,7 +46,7 @@ export const useItems = (menuRef: MutableRefObject<any>, focusRef: MutableRefObj
       const { items, hoverIndex } = mutableState;
       const sortItems = () => {
         if (mutableState.sorted) return;
-        const orderedNodes = menuRef.current.querySelectorAll(".szh-menu__item");
+        const orderedNodes = menuRef.current.querySelectorAll('.szh-menu__item');
         items.sort((a, b) => indexOfNode(orderedNodes, a) - indexOfNode(orderedNodes, b));
         mutableState.sorted = true;
       };
@@ -81,12 +81,12 @@ export const useItems = (menuRef: MutableRefObject<any>, focusRef: MutableRefObj
           break;
 
         case HoverActionTypes.SET_INDEX:
-          if (typeof nextIndex !== "number") break;
+          if (typeof nextIndex !== 'number') break;
           sortItems();
           index = nextIndex;
           newItem = items[index];
           defer(() =>
-            (newItem as HTMLElement).scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" }),
+            (newItem as HTMLElement).scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' }),
           );
           break;
 
@@ -112,7 +112,7 @@ export const useItems = (menuRef: MutableRefObject<any>, focusRef: MutableRefObj
         }
 
         default:
-          if (process.env.NODE_ENV !== "production")
+          if (process.env.NODE_ENV !== 'production')
             throw new Error(`[React-Menu] Unknown hover action type: ${actionType}`);
       }
 

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

@@ -1,7 +1,7 @@
-import { useEffect, useRef } from "react";
+import { useEffect, useRef } from 'react';
 
-import { EventHandler, MenuChangeEvent } from "../types";
-import { safeCall } from "../utils";
+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,7 +1,7 @@
-import { useTransition } from "react-transition-state";
+import { useTransition } from 'react-transition-state';
 
-import { MenuState, MenuStateOptions } from "../types";
-import { MenuStateMap, getTransition } from "../utils";
+import { MenuState, MenuStateOptions } from '../types';
+import { getTransition, MenuStateMap } from '../utils';
 
 /**
  * A custom Hook which helps manage the states of `ControlledMenu`.
@@ -35,8 +35,8 @@ export const useMenuState = (
     mountOnEnter: !initialMounted,
     unmountOnExit: unmountOnClose,
     timeout: transitionTimeout ?? 500,
-    enter: getTransition(transition, "open"),
-    exit: getTransition(transition, "close"),
+    enter: getTransition(transition, 'open'),
+    exit: getTransition(transition, 'close'),
   });
 
   return [{ state: MenuStateMap[state.status], endTransition }, toggleMenu];

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

@@ -1,13 +1,13 @@
-import { useState } from "react";
+import { useState } from 'react';
 
-import { ControlledMenuProps, FocusPosition, MenuStateOptions } from "../types";
-import { useMenuState } from "./useMenuState";
+import { ControlledMenuProps, FocusPosition, MenuStateOptions } from '../types';
+import { useMenuState } from './useMenuState';
 
 export const useMenuStateAndFocus = (
   options: MenuStateOptions,
 ): [any, (open?: boolean) => void, (position?: FocusPosition, alwaysUpdate?: boolean) => void] => {
   const [menuProps, toggleMenu] = useMenuState(options);
-  const [menuItemFocus, setMenuItemFocus] = useState<ControlledMenuProps["menuItemFocus"]>();
+  const [menuItemFocus, setMenuItemFocus] = useState<ControlledMenuProps['menuItemFocus']>();
 
   const openMenu = (position?: FocusPosition, alwaysUpdate?: boolean) => {
     setMenuItemFocus({ position, alwaysUpdate });

package/src/react-menu3/index.ts

@@ -1,11 +1,11 @@
-export { useMenuState } from "./hooks";
-export { MenuButton } from "./components/MenuButton";
-export { Menu } from "./components/Menu";
-export { ControlledMenu } from "./components/ControlledMenu";
-export { SubMenu } from "./components/SubMenu";
-export { MenuItem } from "./components/MenuItem";
-export { FocusableItem } from "./components/FocusableItem";
-export { MenuDivider } from "./components/MenuDivider";
-export { MenuHeader } from "./components/MenuHeader";
-export { MenuGroup } from "./components/MenuGroup";
-export { MenuRadioGroup } from "./components/MenuRadioGroup";
+export { ControlledMenu } from './components/ControlledMenu';
+export { FocusableItem } from './components/FocusableItem';
+export { Menu } from './components/Menu';
+export { MenuButton } from './components/MenuButton';
+export { MenuDivider } from './components/MenuDivider';
+export { MenuGroup } from './components/MenuGroup';
+export { MenuHeader } from './components/MenuHeader';
+export { MenuItem } from './components/MenuItem';
+export { MenuRadioGroup } from './components/MenuRadioGroup';
+export { SubMenu } from './components/SubMenu';
+export { useMenuState } from './hooks';

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

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

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

@@ -1,3 +1,3 @@
-export { getPositionHelpers } from "./getPositionHelpers";
-export { positionContextMenu } from "./positionContextMenu";
-export { positionMenu } from "./positionMenu";
+export { getPositionHelpers } from './getPositionHelpers';
+export { positionContextMenu } from './positionContextMenu';
+export { positionMenu } from './positionMenu';

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

@@ -1,4 +1,4 @@
-import { MutableRefObject } from "react";
+import { MutableRefObject } from 'react';
 
 export const placeArrowHorizontal = (p: {
   arrowRef: MutableRefObject<HTMLElement | null>;

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

@@ -1,4 +1,4 @@
-import { MutableRefObject } from "react";
+import { MutableRefObject } from 'react';
 
 export const placeArrowVertical = (p: {
   arrowRef: MutableRefObject<HTMLElement | null>;

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

@@ -1,8 +1,8 @@
-import { MutableRefObject } from "react";
+import { MutableRefObject } from 'react';
 
-import { MenuDirection } from "../types";
-import { getPositionHelpers } from "./getPositionHelpers";
-import { placeArrowVertical } from "./placeArrowVertical";
+import { MenuDirection } from '../types';
+import { getPositionHelpers } from './getPositionHelpers';
+import { placeArrowVertical } from './placeArrowVertical';
 
 export interface placeLeftorRightParams {
   anchorRect: DOMRect;
@@ -12,7 +12,7 @@ export interface placeLeftorRightParams {
   arrowRef: MutableRefObject<HTMLElement | null>;
   arrow?: boolean;
   direction: MenuDirection;
-  position: "auto" | "anchor" | "initial";
+  position: 'auto' | 'anchor' | 'initial';
 }
 
 export const placeLeftorRight = (
@@ -36,9 +36,9 @@ export const placeLeftorRight = (
   } = props;
   let computedDirection = direction;
   let y = placeLeftorRightY;
-  if (position !== "initial") {
+  if (position !== 'initial') {
     y = confineVertically(y);
-    if (position === "anchor") {
+    if (position === 'anchor') {
       // restrict menu to the edge of anchor element
       y = Math.min(y, anchorRect.bottom - containerRect.top);
       y = Math.max(y, anchorRect.top - containerRect.top - menuRect.height);
@@ -46,10 +46,10 @@ export const placeLeftorRight = (
   }
 
   let x, leftOverflow, rightOverflow;
-  if (computedDirection === "left") {
+  if (computedDirection === 'left') {
     x = placeLeftX;
 
-    if (position !== "initial") {
+    if (position !== 'initial') {
       // if menu overflows to the left,
       // try to reposition it to the right of the anchor.
       leftOverflow = getLeftOverflow(x);
@@ -59,7 +59,7 @@ export const placeLeftorRight = (
         rightOverflow = getRightOverflow(placeRightX);
         if (rightOverflow <= 0 || -leftOverflow > rightOverflow) {
           x = placeRightX;
-          computedDirection = "right";
+          computedDirection = 'right';
         }
       }
     }
@@ -67,19 +67,19 @@ export const placeLeftorRight = (
     // Opposite logic to the 'left' direction above
     x = placeRightX;
 
-    if (position !== "initial") {
+    if (position !== 'initial') {
       rightOverflow = getRightOverflow(x);
       if (rightOverflow > 0) {
         leftOverflow = getLeftOverflow(placeLeftX);
         if (leftOverflow >= 0 || -leftOverflow < rightOverflow) {
           x = placeLeftX;
-          computedDirection = "left";
+          computedDirection = 'left';
         }
       }
     }
   }
 
-  if (position === "auto") x = confineHorizontally(x);
+  if (position === 'auto') x = confineHorizontally(x);
   const arrowY = arrow
     ? placeArrowVertical({
         menuY: y,

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

@@ -1,8 +1,8 @@
-import { MutableRefObject } from "react";
+import { MutableRefObject } from 'react';
 
-import { MenuDirection } from "../types";
-import { getPositionHelpers } from "./getPositionHelpers";
-import { placeArrowHorizontal } from "./placeArrowHorizontal";
+import { MenuDirection } from '../types';
+import { getPositionHelpers } from './getPositionHelpers';
+import { placeArrowHorizontal } from './placeArrowHorizontal';
 
 export interface placeToporBottomParams {
   anchorRect: DOMRect;
@@ -11,8 +11,8 @@ export interface placeToporBottomParams {
   placeBottomY: number;
   arrowRef: MutableRefObject<HTMLElement | null>;
   arrow?: boolean;
-  direction: "left" | "right" | "top" | "bottom";
-  position: "auto" | "anchor" | "initial";
+  direction: 'left' | 'right' | 'top' | 'bottom';
+  position: 'auto' | 'anchor' | 'initial';
 }
 
 export const placeToporBottom = (
@@ -35,11 +35,11 @@ export const placeToporBottom = (
     position,
   } = props;
   // make sure invalid direction is treated as 'bottom'
-  let computedDirection: MenuDirection = direction === "top" ? "top" : "bottom";
+  let computedDirection: MenuDirection = direction === 'top' ? 'top' : 'bottom';
   let x = placeToporBottomX;
-  if (position !== "initial") {
+  if (position !== 'initial') {
     x = confineHorizontally(x);
-    if (position === "anchor") {
+    if (position === 'anchor') {
       // restrict menu to the edge of anchor element
       x = Math.min(x, anchorRect.right - containerRect.left);
       x = Math.max(x, anchorRect.left - containerRect.left - menuRect.width);
@@ -47,10 +47,10 @@ export const placeToporBottom = (
   }
 
   let y, topOverflow, bottomOverflow;
-  if (computedDirection === "top") {
+  if (computedDirection === 'top') {
     y = placeTopY;
 
-    if (position !== "initial") {
+    if (position !== 'initial') {
       // if menu overflows to the top,
       // try to reposition it to the bottom of the anchor.
       topOverflow = getTopOverflow(y);
@@ -60,7 +60,7 @@ export const placeToporBottom = (
         bottomOverflow = getBottomOverflow(placeBottomY);
         if (bottomOverflow <= 0 || -topOverflow > bottomOverflow) {
           y = placeBottomY;
-          computedDirection = "bottom";
+          computedDirection = 'bottom';
         }
       }
     }
@@ -68,19 +68,19 @@ export const placeToporBottom = (
     // Opposite logic to the 'top' direction above
     y = placeBottomY;
 
-    if (position !== "initial") {
+    if (position !== 'initial') {
       bottomOverflow = getBottomOverflow(y);
       if (bottomOverflow > 0) {
         topOverflow = getTopOverflow(placeTopY);
         if (topOverflow >= 0 || -topOverflow < bottomOverflow) {
           y = placeTopY;
-          computedDirection = "top";
+          computedDirection = 'top';
         }
       }
     }
   }
 
-  if (position === "auto") y = confineVertically(y);
+  if (position === 'auto') y = confineVertically(y);
   const arrowX = arrow
     ? placeArrowHorizontal({
         menuX: x,

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

@@ -1,5 +1,5 @@
-import { MenuDirection } from "../types";
-import { getPositionHelpers } from "./getPositionHelpers";
+import { MenuDirection } from '../types';
+import { getPositionHelpers } from './getPositionHelpers';
 
 export const positionContextMenu = ({
   positionHelpers,
@@ -45,14 +45,14 @@ export const positionContextMenu = ({
   }
 
   // Similar logic to the left and right side above.
-  let computedDirection: MenuDirection = "bottom";
+  let computedDirection: MenuDirection = 'bottom';
   const bottomOverflow = getBottomOverflow(y);
   if (bottomOverflow > 0) {
     const adjustedY = y - menuRect.height;
     const topOverflow = getTopOverflow(adjustedY);
     if (topOverflow >= 0 || -topOverflow < bottomOverflow) {
       y = adjustedY;
-      computedDirection = "top";
+      computedDirection = 'top';
     }
     y = confineVertically(y);
   }

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

@@ -1,9 +1,9 @@
-import { MutableRefObject } from "react";
+import { MutableRefObject } from 'react';
 
-import { MenuDirection } from "../types";
-import { getPositionHelpers } from "./getPositionHelpers";
-import { placeLeftorRight } from "./placeLeftorRight";
-import { placeToporBottom } from "./placeToporBottom";
+import { MenuDirection } from '../types';
+import { getPositionHelpers } from './getPositionHelpers';
+import { placeLeftorRight } from './placeLeftorRight';
+import { placeToporBottom } from './placeToporBottom';
 
 interface positionMenuProps {
   offsetX: number;
@@ -12,8 +12,8 @@ interface positionMenuProps {
   anchorRef: MutableRefObject<Element | null>;
   arrow?: boolean;
   direction: MenuDirection;
-  position: "auto" | "anchor" | "initial";
-  align: "start" | "center" | "end";
+  position: 'auto' | 'anchor' | 'initial';
+  align: 'start' | 'center' | 'end';
   positionHelpers: ReturnType<typeof getPositionHelpers>;
 }
 
@@ -24,7 +24,7 @@ export const positionMenu = (props: positionMenuProps) => {
   let horizontalOffset = offsetX;
   let verticalOffset = offsetY;
   if (arrow && arrowRef.current) {
-    if (direction === "left" || direction === "right") {
+    if (direction === 'left' || direction === 'right') {
       horizontalOffset += arrowRef.current.offsetWidth;
     } else {
       verticalOffset += arrowRef.current.offsetHeight;
@@ -40,10 +40,10 @@ export const positionMenu = (props: positionMenuProps) => {
   const placeBottomY = anchorRect.bottom - containerRect.top + verticalOffset;
 
   let placeToporBottomX, placeLeftorRightY;
-  if (align === "end") {
+  if (align === 'end') {
     placeToporBottomX = anchorRect.right - containerRect.left - menuRect.width;
     placeLeftorRightY = anchorRect.bottom - containerRect.top - menuRect.height;
-  } else if (align === "center") {
+  } else if (align === 'center') {
     placeToporBottomX = anchorRect.left - containerRect.left - (menuRect.width - anchorRect.width) / 2;
     placeLeftorRightY = anchorRect.top - containerRect.top - (menuRect.height - anchorRect.height) / 2;
   } else {
@@ -69,12 +69,12 @@ export const positionMenu = (props: positionMenuProps) => {
   };
 
   switch (direction) {
-    case "left":
-    case "right":
+    case 'left':
+    case 'right':
       return placeLeftorRight(options);
 
-    case "top":
-    case "bottom":
+    case 'top':
+    case 'bottom':
     default:
       return placeToporBottom(options);
   }

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

@@ -9,7 +9,7 @@ import {
   menuItemClass,
   radioGroupClass,
   subMenuClass,
-} from "../utils";
+} from '../utils';
 
 const bem =
   (block: string) =>
@@ -23,13 +23,13 @@ const bem =
 
 const createSelector = (blockElement: (modifier?: string) => string, modifiers: string[] = []) => {
   const selectorObj = {};
-  Object.defineProperty(selectorObj, "name", {
+  Object.defineProperty(selectorObj, 'name', {
     value: blockElement(),
     enumerable: true,
   });
 
   modifiers.forEach((modifier) => {
-    const selector = modifier.split("-").reduce((prev, curr) => `${prev}${curr[0].toUpperCase()}${curr.slice(1)}`);
+    const selector = modifier.split('-').reduce((prev, curr) => `${prev}${curr[0].toUpperCase()}${curr.slice(1)}`);
     Object.defineProperty(selectorObj, selector, {
       value: blockElement(modifier),
       enumerable: true,
@@ -39,26 +39,26 @@ const createSelector = (blockElement: (modifier?: string) => string, modifiers:
   return selectorObj;
 };
 
-const directions = ["dir-left", "dir-right", "dir-top", "dir-bottom"];
+const directions = ['dir-left', 'dir-right', 'dir-top', 'dir-bottom'];
 const menuBlock = bem(menuClass);
 const menuSelector = createSelector(menuBlock(), [
-  "state-opening",
-  "state-open",
-  "state-closing",
-  "state-closed",
+  'state-opening',
+  'state-open',
+  'state-closing',
+  'state-closed',
   ...directions,
 ]);
 const menuArrowSelector = createSelector(menuBlock(menuArrowClass), directions);
 const menuItemSelector = createSelector(menuBlock(menuItemClass), [
-  "hover",
-  "disabled",
-  "anchor",
-  "checked",
-  "open",
-  "submenu",
-  "focusable",
-  "type-radio",
-  "type-checkbox",
+  'hover',
+  'disabled',
+  'anchor',
+  'checked',
+  'open',
+  'submenu',
+  'focusable',
+  'type-radio',
+  'type-checkbox',
 ]);
 
 const menuDividerSelector = createSelector(menuBlock(menuDividerClass));
@@ -66,18 +66,18 @@ const menuHeaderSelector = createSelector(menuBlock(menuHeaderClass));
 const menuGroupSelector = createSelector(menuBlock(menuGroupClass));
 const radioGroupSelector = createSelector(menuBlock(radioGroupClass));
 const submenuSelector = createSelector(menuBlock(subMenuClass));
-const menuContainerSelector = createSelector(bem(menuContainerClass)(), ["itemTransition"]);
-const menuButtonSelector = createSelector(bem(menuButtonClass)(), ["open"]);
+const menuContainerSelector = createSelector(bem(menuContainerClass)(), ['itemTransition']);
+const menuButtonSelector = createSelector(bem(menuButtonClass)(), ['open']);
 
 export {
-  menuContainerSelector,
-  menuButtonSelector,
-  menuSelector,
   menuArrowSelector,
-  menuItemSelector,
+  menuButtonSelector,
+  menuContainerSelector,
   menuDividerSelector,
-  menuHeaderSelector,
   menuGroupSelector,
+  menuHeaderSelector,
+  menuItemSelector,
+  menuSelector,
   radioGroupSelector,
   submenuSelector,
 };