@elliemae/ds-menu 2.4.0-rc.2 → 2.4.1-rc.2

package/cjs/Menu.js

@@ -22,9 +22,8 @@ var reactDesc = require('react-desc');
 var lodash = require('lodash');
 var dsClassnames = require('@elliemae/ds-classnames');
 var web = require('react-spring/web');
-var hooks = require('@elliemae/ds-utilities/hooks');
-var system = require('@elliemae/ds-utilities/system');
-var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
+var dsUtilities = require('@elliemae/ds-utilities');
+var dsShared = require('@elliemae/ds-shared');
 var dsHidden = require('@elliemae/ds-hidden');
 var MenuItemRadio = require('./MenuItems/MenuItemRadio.js');
 var MenuItemCheckbox = require('./MenuItems/MenuItemCheckbox.js');
@@ -96,7 +95,7 @@ function DSMenu(_ref2) {
   const menuRef = React.useRef(null);
   const {
     focusFirst
-  } = React.useContext(FocusGroup.FocusGroupContext);
+  } = React.useContext(dsShared.FocusGroupContext);
 
   const _useHiddenTransition = dsHidden.useHiddenTransition({
     visible,
@@ -113,7 +112,7 @@ function DSMenu(_ref2) {
       closeMenu
     })));
   }, [children]);
-  hooks.useOnClickOutside(menuRef, onClickOutside);
+  dsUtilities.useOnClickOutside(menuRef, onClickOutside);
   React.useEffect(() => {
     if (focusOnOpen && visible) {
       setTimeout(() => {
@@ -128,13 +127,13 @@ function DSMenu(_ref2) {
       closeMenu
     }
   }, void 0, /*#__PURE__*/jsxRuntime.jsx(MenuComponent, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    "data-testid": containerProps !== null && containerProps !== void 0 && containerProps['data-testid'] ? containerProps['data-testid'] : "em-ds-menu"
+    "data-testid": containerProps !== null && containerProps !== void 0 && containerProps['data-testid'] ? containerProps['data-testid'] : 'em-ds-menu'
   }, containerProps), {}, {
     as: MenuTag,
     classProps: _objectSpread(_objectSpread({}, otherProps.classProps || {}), {}, {
       type: otherProps.type
     }),
-    innerRef: system.mergeRefs(innerRef, menuRef),
+    innerRef: dsUtilities.mergeRefs(innerRef, menuRef),
     role: "menu"
   }, lodash.omit(otherProps, ['scheduleUpdate'])), hiddenProps), {}, {
     children: /*#__PURE__*/_jsx__default["default"]("div", {
@@ -150,7 +149,7 @@ function DSMenu(_ref2) {
   }))) : null;
 }
 
-const Menu = FocusGroup.focusGroupManagerHoc(DSMenu, {
+const Menu = dsShared.focusGroupManagerHoc(DSMenu, {
   loop: true
 });
 const props = {

package/cjs/MenuItems/CheckboxGroup.js

@@ -10,20 +10,19 @@ require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
 var reactDesc = require('react-desc');
-var CheckableGroup = require('@elliemae/ds-shared/CheckableGroup');
+var dsShared = require('@elliemae/ds-shared');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var CheckableGroup__default = /*#__PURE__*/_interopDefaultLegacy(CheckableGroup);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function CheckboxGroup(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(CheckableGroup__default["default"], _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(dsShared.CheckableGroup, _objectSpread(_objectSpread({}, props), {}, {
     multi: true
   }));
 }

package/cjs/MenuItems/MenuItem.js

@@ -18,7 +18,7 @@ var reactDesc = require('react-desc');
 var lodash = require('lodash');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsUtilities = require('@elliemae/ds-utilities');
-var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
+var dsShared = require('@elliemae/ds-shared');
 var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var menuItemFactory = require('./menuItemFactory.js');
 var SubMenu = require('./SubMenu.js');
@@ -108,7 +108,7 @@ function MenuItem(props) {
 
   const menuCxt = React.useContext(MenuContext);
   const ref = React.useRef(null);
-  FocusGroup.useFocusGroupItem(ref);
+  dsShared.useFocusGroupItem(ref);
 
   if (otherProps.subItems) {
     return /*#__PURE__*/jsxRuntime.jsx(SubMenu["default"], _objectSpread(_objectSpread({}, props), {}, {

package/cjs/MenuItems/SearchableGroup.js

@@ -9,8 +9,8 @@ require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
-var DSSearchBox = require('@elliemae/ds-form/SearchBox');
+var dsShared = require('@elliemae/ds-shared');
+var dsForm = require('@elliemae/ds-form');
 var reactDesc = require('react-desc');
 var VirtualMenuList = require('../VirtualMenuList.js');
 var MenuContext = require('../MenuContext.js');
@@ -19,7 +19,6 @@ var jsxRuntime = require('react/jsx-runtime');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSSearchBox__default = /*#__PURE__*/_interopDefaultLegacy(DSSearchBox);
 
 const SearchBoxWrapper = dsClassnames.aggregatedClasses('div')('menu-search-group', 'search-wrapper');
 const NoOptionsWrapper = dsClassnames.aggregatedClasses('div')('menu-search-group', 'no-options');
@@ -51,7 +50,7 @@ function SearchableGroup(_ref) {
   }, [focusOnOpen, visible]);
   const filteredChildren = React.useMemo(() => children.filter(child => !searchTerm || child.props.label.toLowerCase().startsWith(searchTerm.toLowerCase())), [children, searchTerm]);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default["default"](SearchBoxWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSSearchBox__default["default"], {
+    children: [/*#__PURE__*/_jsx__default["default"](SearchBoxWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSSearchBox, {
       innerRef: searchRef,
       onSearch: _ref2 => {
         let {
@@ -95,7 +94,7 @@ const props = {
 };
 const DSMenuSearchableGroupWithSchema = reactDesc.describe(SearchableGroup);
 DSMenuSearchableGroupWithSchema.propTypes = props;
-var SearchableGroup$1 = FocusGroup.focusGroupManagerHoc(SearchableGroup);
+var SearchableGroup$1 = dsShared.focusGroupManagerHoc(SearchableGroup);
 
 exports.DSMenuSearchableGroupWithSchema = DSMenuSearchableGroupWithSchema;
 exports["default"] = SearchableGroup$1;

package/cjs/MenuItems/SelectionGroup.js

@@ -13,7 +13,7 @@ require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDesc = require('react-desc');
-var CheckableGroup = require('@elliemae/ds-shared/CheckableGroup');
+var dsShared = require('@elliemae/ds-shared');
 var SearchableGroup = require('./SearchableGroup.js');
 var menuItemFactory = require('./menuItemFactory.js');
 var VirtualMenuList = require('../VirtualMenuList.js');
@@ -50,7 +50,7 @@ function SelectionGroup(_ref) {
       name: item.id || item.name
     }));
   }), [items]);
-  const decoratedGroupChildren = CheckableGroup.useCheckableGroup({
+  const decoratedGroupChildren = dsShared.useCheckableGroup({
     children: renderedItems || children,
     multi,
     active,

package/cjs/MenuItems/Separator.js

@@ -6,13 +6,12 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var reactDesc = require('react-desc');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSSeparator = require('@elliemae/ds-separator');
+var dsSeparator = require('@elliemae/ds-separator');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _DSSeparator;
@@ -27,7 +26,7 @@ const MenuSeparator = _ref => {
     title,
     showSeparator = true
   } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](Li, {}, void 0, showSeparator && (_DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {}))), title && /*#__PURE__*/_jsx__default["default"](Title, {}, void 0, title));
+  return /*#__PURE__*/_jsx__default["default"](Li, {}, void 0, showSeparator && (_DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](dsSeparator.DSSeparator, {}))), title && /*#__PURE__*/_jsx__default["default"](Title, {}, void 0, title));
 };
 
 const props = {

package/cjs/MenuItems/SubMenu.js

@@ -13,10 +13,10 @@ require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var dsIcons = require('@elliemae/ds-icons');
-var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
+var dsShared = require('@elliemae/ds-shared');
 var dsHidden = require('@elliemae/ds-hidden');
-var DSButton = require('@elliemae/ds-button');
-var DSPopper = require('@elliemae/ds-popper');
+var dsButton = require('@elliemae/ds-button');
+var dsPopper = require('@elliemae/ds-popper');
 var styled = require('styled-components');
 var Menu = require('../Menu.js');
 var MenuItem = require('./MenuItem.js');
@@ -26,8 +26,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -65,7 +63,7 @@ function SubMenu(_ref) {
   const interaction = rightAddonType === 'elipsis' ? 'click' : 'hover';
   const {
     focusItemByNode
-  } = FocusGroup.useFocusGroupItem(); // todo: create a menu state to handle all related menu things
+  } = dsShared.useFocusGroupItem(); // todo: create a menu state to handle all related menu things
 
   const handleShowSubItemsWithMouse = e => {
     e.stopPropagation();
@@ -103,7 +101,7 @@ function SubMenu(_ref) {
   } : {
     onClick: handleShowWithMouse
   };
-  const rightAddon = rightAddonType === 'elipsis' ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+  const rightAddon = rightAddonType === 'elipsis' ? /*#__PURE__*/_jsx__default["default"](dsButton.DSButton, {
     "aria-label": "vertical-elipsis",
     "data-testid": "vertical-elipsis",
     buttonType: "text",
@@ -114,7 +112,7 @@ function SubMenu(_ref) {
     }),
     onClick: e => handleShowSubItemsWithMouse(e),
     size: "m",
-    variant: DSButton.BUTTON_VARIANT.DEFAULT
+    variant: dsButton.BUTTON_VARIANT.DEFAULT
   }) : /*#__PURE__*/_jsx__default["default"](ChevronRightComp, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallRight, {
     "data-testid": "chevron-right",
     className: "submenu-arrow",
@@ -122,7 +120,7 @@ function SubMenu(_ref) {
     size: "sm"
   }));
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
+    children: /*#__PURE__*/_jsx__default["default"](dsPopper.DSPopper, {
       contentComponent: /*#__PURE__*/jsxRuntime.jsx(Menu.Menu, _objectSpread(_objectSpread({
         focusKeyBindings: {
           ArrowLeft: [() => focusItemByNode(itemRef.current), 'exit']
@@ -174,7 +172,7 @@ const props = {
   label: reactDesc.PropTypes.string.description('submenu label'),
 
   /** A type indicating how to open/close the tooltip */
-  interactionType: reactDesc.PropTypes.oneOf(DSPopper.interactions).description('A type indicating how to open/close the tooltip'),
+  interactionType: reactDesc.PropTypes.oneOf(dsPopper.interactions).description('A type indicating how to open/close the tooltip'),
 
   /** sub menu items */
   children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.array, reactDesc.PropTypes.node]).description('sub menu items'),

package/esm/Menu.js

@@ -18,9 +18,8 @@ import { PropTypes, describe } from 'react-desc';
 import { omit } from 'lodash';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { animated } from 'react-spring/web';
-import { useOnClickOutside } from '@elliemae/ds-utilities/hooks';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
-import { focusGroupManagerHoc, FocusGroupContext } from '@elliemae/ds-shared/FocusGroup';
+import { useOnClickOutside, mergeRefs } from '@elliemae/ds-utilities';
+import { focusGroupManagerHoc, FocusGroupContext } from '@elliemae/ds-shared';
 import { useHiddenTransition } from '@elliemae/ds-hidden';
 import MenuItemRadio from './MenuItems/MenuItemRadio.js';
 import MenuItemCheckbox from './MenuItems/MenuItemCheckbox.js';
@@ -117,7 +116,7 @@ function DSMenu(_ref2) {
       closeMenu
     }
   }, void 0, /*#__PURE__*/jsx(MenuComponent, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    "data-testid": containerProps !== null && containerProps !== void 0 && containerProps['data-testid'] ? containerProps['data-testid'] : "em-ds-menu"
+    "data-testid": containerProps !== null && containerProps !== void 0 && containerProps['data-testid'] ? containerProps['data-testid'] : 'em-ds-menu'
   }, containerProps), {}, {
     as: MenuTag,
     classProps: _objectSpread(_objectSpread({}, otherProps.classProps || {}), {}, {

package/esm/MenuItems/CheckboxGroup.js

@@ -6,7 +6,7 @@ import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
 import { PropTypes, describe } from 'react-desc';
-import CheckableGroup from '@elliemae/ds-shared/CheckableGroup';
+import { CheckableGroup } from '@elliemae/ds-shared';
 import { jsx } from 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

package/esm/MenuItems/MenuItem.js

@@ -14,7 +14,7 @@ import { PropTypes, describe } from 'react-desc';
 import { omit } from 'lodash';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { mergeRefs, runAll } from '@elliemae/ds-utilities';
-import { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup';
+import { useFocusGroupItem } from '@elliemae/ds-shared';
 import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
 import { renderMenuItems } from './menuItemFactory.js';
 import SubMenu from './SubMenu.js';

package/esm/MenuItems/SearchableGroup.js

@@ -5,8 +5,8 @@ import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import { useRef, useState, useEffect, useContext, useMemo } from 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { focusGroupManagerHoc } from '@elliemae/ds-shared/FocusGroup';
-import DSSearchBox from '@elliemae/ds-form/SearchBox';
+import { focusGroupManagerHoc } from '@elliemae/ds-shared';
+import { DSSearchBox } from '@elliemae/ds-form';
 import { PropTypes, describe } from 'react-desc';
 import VirtualMenuList from '../VirtualMenuList.js';
 import MenuContext from '../MenuContext.js';

package/esm/MenuItems/SelectionGroup.js

@@ -9,7 +9,7 @@ import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
 import { useMemo, createElement } from 'react';
 import { PropTypes, describe } from 'react-desc';
-import { useCheckableGroup } from '@elliemae/ds-shared/CheckableGroup';
+import { useCheckableGroup } from '@elliemae/ds-shared';
 import SearchableGroup from './SearchableGroup.js';
 import { menuItemFactory } from './menuItemFactory.js';
 import VirtualMenuList from '../VirtualMenuList.js';

package/esm/MenuItems/Separator.js

@@ -2,7 +2,7 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { PropTypes, describe } from 'react-desc';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import DSSeparator from '@elliemae/ds-separator';
+import { DSSeparator } from '@elliemae/ds-separator';
 import styled from 'styled-components';
 
 var _DSSeparator;

package/esm/MenuItems/SubMenu.js

@@ -9,10 +9,10 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useState, useCallback } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import { MoreOptionsVert, ChevronSmallRight } from '@elliemae/ds-icons';
-import { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup';
+import { useFocusGroupItem } from '@elliemae/ds-shared';
 import { useHiddenController } from '@elliemae/ds-hidden';
-import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';
-import DSPopper, { interactions } from '@elliemae/ds-popper';
+import { DSButton, BUTTON_VARIANT } from '@elliemae/ds-button';
+import { interactions, DSPopper } from '@elliemae/ds-popper';
 import styled from 'styled-components';
 import { Menu } from '../Menu.js';
 import MenuItem from './MenuItem.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-menu",
-  "version": "2.4.0-rc.2",
+  "version": "2.4.1-rc.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Menu",
   "module": "./esm/index.js",
@@ -100,16 +100,16 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.4.0-rc.2",
-    "@elliemae/ds-classnames": "2.4.0-rc.2",
-    "@elliemae/ds-form": "2.4.0-rc.2",
-    "@elliemae/ds-hidden": "2.4.0-rc.2",
-    "@elliemae/ds-icons": "2.4.0-rc.2",
-    "@elliemae/ds-popper": "2.4.0-rc.2",
-    "@elliemae/ds-separator": "2.4.0-rc.2",
-    "@elliemae/ds-shared": "2.4.0-rc.2",
-    "@elliemae/ds-truncated-tooltip-text": "2.4.0-rc.2",
-    "@elliemae/ds-utilities": "2.4.0-rc.2",
+    "@elliemae/ds-button": "2.4.1-rc.2",
+    "@elliemae/ds-classnames": "2.4.1-rc.2",
+    "@elliemae/ds-form": "2.4.1-rc.2",
+    "@elliemae/ds-hidden": "2.4.1-rc.2",
+    "@elliemae/ds-icons": "2.4.1-rc.2",
+    "@elliemae/ds-popper": "2.4.1-rc.2",
+    "@elliemae/ds-separator": "2.4.1-rc.2",
+    "@elliemae/ds-shared": "2.4.1-rc.2",
+    "@elliemae/ds-truncated-tooltip-text": "2.4.1-rc.2",
+    "@elliemae/ds-utilities": "2.4.1-rc.2",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-spring": "~8.0.27",

package/types/Menu.d.ts

@@ -1,7 +1,12 @@
 /// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import { renderMenuItems, menuItemFactory } from './MenuItems/menuItemFactory';
-declare const Menu: any;
+declare const Menu: ({ onExitFocusGroup, onFocusPrevGroup, focusKeyBindings, ...props }: {
+    [x: string]: any;
+    onExitFocusGroup: any;
+    onFocusPrevGroup: any;
+    focusKeyBindings: any;
+}) => JSX.Element;
 declare const DSMenuWithSchema: {
     (props?: unknown): JSX.Element;
     propTypes: unknown;

package/types/MenuItems/SearchableGroup.d.ts

@@ -5,6 +5,11 @@ declare const DSMenuSearchableGroupWithSchema: {
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
-declare const _default: any;
+declare const _default: ({ onExitFocusGroup, onFocusPrevGroup, focusKeyBindings, ...props }: {
+    [x: string]: any;
+    onExitFocusGroup: any;
+    onFocusPrevGroup: any;
+    focusKeyBindings: any;
+}) => JSX.Element;
 export default _default;
 export { DSMenuSearchableGroupWithSchema };