@cgi-learning-hub/ui/dist/MenuItem-DHM3qxwr.cjs

@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features

"use strict";const w=require("react"),t=require("./index-DLnSn8GT.cjs"),a=require("./identifier-BoZelETM.cjs"),d=require("./DefaultPropsProvider-Cnf49AIv.cjs"),L=require("./memoTheme-BKfsJx_F.cjs"),T=require("./List-t9bWFewp.cjs"),P=require("react/jsx-runtime"),S=require("./useEventCallback-BxpcFap0.cjs"),B=require("./useForkRef-CFhhTu-Q.cjs"),V=require("./ButtonBase-Dp6sf_dP.cjs"),x=require("./listItemTextClasses-CJDKfXvl.cjs"),O=require("./dividerClasses-C07OJKLL.cjs");function D(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(s,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return s.default=e,Object.freeze(s)}const p=D(w);function E(e){return a.generateUtilityClass("MuiListItemIcon",e)}const g=a.generateUtilityClasses("MuiListItemIcon",["root","alignItemsFlexStart"]);function $(e){return a.generateUtilityClass("MuiMenuItem",e)}const n=a.generateUtilityClasses("MuiMenuItem",["root","focusVisible","dense","disabled","divider","gutters","selected"]),F=(e,s)=>{const{ownerState:o}=e;return[s.root,o.dense&&s.dense,o.divider&&s.divider,!o.disableGutters&&s.gutters]},G=e=>{const{disabled:s,dense:o,divider:r,disableGutters:c,selected:u,classes:i}=e,y={root:["root",o&&"dense",s&&"disabled",!c&&"gutters",r&&"divider",u&&"selected"]},l=d.composeClasses(y,$,i);return{...i,...l}},_=d.styled(V.ButtonBase,{shouldForwardProp:e=>d.rootShouldForwardProp(e)||e==="classes",name:"MuiMenuItem",slot:"Root",overridesResolver:F})(L.memoTheme(({theme:e})=>({...e.typography.body1,display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",whiteSpace:"nowrap","&:hover":{textDecoration:"none",backgroundColor:(e.vars||e).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${n.selected}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:a.alpha(e.palette.primary.main,e.palette.action.selectedOpacity),[`&.${n.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:a.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}},[`&.${n.selected}:hover`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:a.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:a.alpha(e.palette.primary.main,e.palette.action.selectedOpacity)}},[`&.${n.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`&.${n.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity},[`& + .${O.dividerClasses.root}`]:{marginTop:e.spacing(1),marginBottom:e.spacing(1)},[`& + .${O.dividerClasses.inset}`]:{marginLeft:52},[`& .${x.listItemTextClasses.root}`]:{marginTop:0,marginBottom:0},[`& .${x.listItemTextClasses.inset}`]:{paddingLeft:36},[`& .${g.root}`]:{minWidth:36},variants:[{props:({ownerState:s})=>!s.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:s})=>s.divider,style:{borderBottom:`1px solid ${(e.vars||e).palette.divider}`,backgroundClip:"padding-box"}},{props:({ownerState:s})=>!s.dense,style:{[e.breakpoints.up("sm")]:{minHeight:"auto"}}},{props:({ownerState:s})=>s.dense,style:{minHeight:32,paddingTop:4,paddingBottom:4,...e.typography.body2,[`& .${g.root} svg`]:{fontSize:"1.25rem"}}}]}))),M=p.forwardRef(function(s,o){const r=d.useDefaultProps({props:s,name:"MuiMenuItem"}),{autoFocus:c=!1,component:u="li",dense:i=!1,divider:y=!1,disableGutters:l=!1,focusVisibleClassName:k,role:R="menuitem",tabIndex:m,className:q,...j}=r,v=p.useContext(T.ListContext),C=p.useMemo(()=>({dense:i||v.dense||!1,disableGutters:l}),[v.dense,i,l]),b=p.useRef(null);S.useEnhancedEffect(()=>{c&&(b.current?b.current.focus():process.env.NODE_ENV!=="production"&&console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."))},[c]);const N={...r,dense:C.dense,divider:y,disableGutters:l},f=G(r),U=B.useForkRef(b,o);let I;return r.disabled||(I=m!==void 0?m:-1),P.jsx(T.ListContext.Provider,{value:C,children:P.jsx(_,{ref:U,role:R,tabIndex:I,component:u,focusVisibleClassName:a.clsx(f.focusVisible,k),className:a.clsx(f.root,q),...j,ownerState:N,classes:f})})});process.env.NODE_ENV!=="production"&&(M.propTypes={autoFocus:t.PropTypes.bool,children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,component:t.PropTypes.elementType,dense:t.PropTypes.bool,disabled:t.PropTypes.bool,disableGutters:t.PropTypes.bool,divider:t.PropTypes.bool,focusVisibleClassName:t.PropTypes.string,role:t.PropTypes.string,selected:t.PropTypes.bool,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),tabIndex:t.PropTypes.number});exports.MenuItem=M;exports.getListItemIconUtilityClass=E;exports.getMenuItemUtilityClass=$;exports.listItemIconClasses=g;exports.menuItemClasses=n;