rsuite/cjs/internals/Menu/useMenu.js

A suite of react components

'use client';
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = useMenu;
exports.initialMenuState = void 0;
exports.menuReducer = menuReducer;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = require("react");
var _MenuContext = require("./MenuContext");
// Inspired by tailwindlabs/headlessui

var initialMenuState = exports.initialMenuState = {
  role: 'menu',
  open: false,
  items: [],
  activeItemIndex: null
};
function menuReducer(state, action) {
  var items = state.items,
    activeItemIndex = state.activeItemIndex;
  switch (action.type) {
    case _MenuContext.MenuActionTypes.RegisterItem:
      return (0, _extends2.default)({}, state, {
        items: [].concat(items, [{
          element: action.element,
          props: action.props
        }])
      });
    case _MenuContext.MenuActionTypes.UnregisterItem:
      return (0, _extends2.default)({}, state, {
        items: items.filter(function (item) {
          return item.element.id !== action.id;
        })
      });
    case _MenuContext.MenuActionTypes.OpenMenu:
      return (0, _extends2.default)({}, state, {
        open: true
      });
    case _MenuContext.MenuActionTypes.CloseMenu:
      return (0, _extends2.default)({}, state, {
        open: false
      });
    case _MenuContext.MenuActionTypes.MoveFocus:
      var nextActiveItemIndex = activeItemIndex;
      switch (action.to) {
        case _MenuContext.MoveFocusTo.Next:
          for (var i = activeItemIndex === null ? 0 : activeItemIndex + 1; i < items.length; i++) {
            var _items$i$props;
            if (!((_items$i$props = items[i].props) !== null && _items$i$props !== void 0 && _items$i$props.disabled)) {
              nextActiveItemIndex = i;
              break;
            }
          }
          break;
        case _MenuContext.MoveFocusTo.Prev:
          for (var _i = activeItemIndex === null ? items.length - 1 : activeItemIndex - 1; _i >= 0; _i--) {
            var _items$_i$props;
            if (!((_items$_i$props = items[_i].props) !== null && _items$_i$props !== void 0 && _items$_i$props.disabled)) {
              nextActiveItemIndex = _i;
              break;
            }
          }
          break;
        case _MenuContext.MoveFocusTo.First:
          for (var _i2 = 0; _i2 < items.length; _i2++) {
            var _items$_i2$props;
            if (!((_items$_i2$props = items[_i2].props) !== null && _items$_i2$props !== void 0 && _items$_i2$props.disabled)) {
              nextActiveItemIndex = _i2;
              break;
            }
          }
          break;
        case _MenuContext.MoveFocusTo.Last:
          for (var _i3 = items.length - 1; _i3 >= 0; _i3--) {
            var _items$_i3$props;
            if (!((_items$_i3$props = items[_i3].props) !== null && _items$_i3$props !== void 0 && _items$_i3$props.disabled)) {
              nextActiveItemIndex = _i3;
              break;
            }
          }
          break;
        case _MenuContext.MoveFocusTo.Specific:
          for (var _i4 = 0; _i4 < items.length; _i4++) {
            var _items$_i4$props;
            if (items[_i4].element.id === action.id && !((_items$_i4$props = items[_i4].props) !== null && _items$_i4$props !== void 0 && _items$_i4$props.disabled)) {
              nextActiveItemIndex = _i4;
              break;
            }
          }
          break;
        case _MenuContext.MoveFocusTo.None:
          nextActiveItemIndex = null;
          break;
      }
      return (0, _extends2.default)({}, state, {
        activeItemIndex: nextActiveItemIndex
      });
    default:
      return state;
  }
}
function useMenu(initialState) {
  // `menuitem`s
  var _useReducer = (0, _react.useReducer)(menuReducer, (0, _extends2.default)({}, initialMenuState, initialState)),
    state = _useReducer[0],
    dispatch = _useReducer[1];
  return [state, dispatch];
}