add option to auto focus specific menu item (#109)

* add option to auto focus specific menu item * bump version
mondaycom · Apr 21, 2021 · 6d81ae4 · 6d81ae4
1 parent 5510da6
commit 6d81ae4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "monday-ui-react-core",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "description": "Official monday.com UI resources for application development in React.js",
   "main": "dist/main.js",
   "scripts": {

diff --git a/src/components/Menu/Menu/Menu.jsx b/src/components/Menu/Menu/Menu.jsx
@@ -26,6 +26,7 @@ const Menu = forwardRef(
       onClose,
       focusOnMount,
       focusItemIndex,
+      focusItemIndexOnMount,
       isSubMenu,
       useDocumentEventListeners
     },
@@ -34,6 +35,10 @@ const Menu = forwardRef(
     const ref = useRef(null);
     const [activeItemIndex, setActiveItemIndex] = useState(focusItemIndex);
 
+    useEffect(() => {
+      if (focusItemIndexOnMount !== -1) setActiveItemIndex(focusItemIndexOnMount);
+    }, [focusItemIndexOnMount]);
+
     const children = useMemo(() => {
       const allChildren = React.Children.toArray(originalChildren);
       const menuChildren = allChildren.filter(child => {
@@ -146,7 +151,8 @@ Menu.defaultProps = {
   onClose: undefined,
   focusItemIndex: -1,
   isSubMenu: false,
-  useDocumentEventListeners: false
+  useDocumentEventListeners: false,
+  focusItemIndexOnMount: -1
 };
 
 Menu.propTypes = {
@@ -161,7 +167,8 @@ Menu.propTypes = {
   onClose: PropTypes.func,
   focusItemIndex: PropTypes.number,
   isSubMenu: PropTypes.bool,
-  useDocumentEventListeners: PropTypes.bool
+  useDocumentEventListeners: PropTypes.bool,
+  focusItemIndexOnMount: PropTypes.number
 };
 
 export default Menu;