@workday/canvas-kit-react/dist/es6/menu/lib/MenuList.js

The parent module that contains all Workday Canvas Kit React components

import { jsx as _jsx } from "react/jsx-runtime";
import { ListBox } from '@workday/canvas-kit-react/collection';
import { composeHooks, cornerShapeStencil, createElemPropsHook, createSubcomponent, } from '@workday/canvas-kit-react/common';
import { useFocusRedirect, useReturnFocus } from '@workday/canvas-kit-react/popup';
import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
import { base, system } from '@workday/canvas-tokens-web';
import { useMenuModel } from './useMenuModel';
export const useMenuList = composeHooks(createElemPropsHook(useMenuModel)(model => {
    return {
        role: 'menu',
        'aria-labelledby': model.state.id,
        'aria-orientation': model.state.orientation,
    };
}), useReturnFocus, useFocusRedirect);
export const menuListStencil = createStencil({
    extends: cornerShapeStencil,
    base: { name: "45l8s3", styles: "box-sizing:border-box;--shape-corner-shape-ccab68:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));padding:0;gap:var(--cnvs-base-size-25, 0.125rem);" },
    modifiers: {
        orientation: {
            vertical: { name: "thyri", styles: "flex-direction:column;" },
            horizontal: { name: "11gbh8", styles: "flex-direction:row;" }
        }
    }
}, "menu-list-3f4295");
export const MenuList = createSubcomponent('div')({
    displayName: 'Menu.List',
    modelHook: useMenuModel,
    elemPropsHook: useMenuList,
})(({ children, maxHeight, ...elemProps }, Element, model) => {
    return (_jsx(ListBox, { as: Element, model: model, marginY: system.legacy.gap.none, maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : '100%', ...handleCsProp(elemProps, menuListStencil({ orientation: model.state.orientation })), children: children }));
});