@cgi-learning-hub/ui/dist/ListItem-CgWgbZ_g.cjs

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

"use strict";const $=require("react"),t=require("./index-kjfz41UI.cjs"),i=require("./generateUtilityClasses-CENS22bI.cjs"),N=require("./isHostComponent-PydJW4A4.cjs"),z=require("./memoTheme-Bi1UNdyO.cjs"),C=require("./List-eQ4D0MvJ.cjs"),l=require("react/jsx-runtime"),p=require("./DefaultPropsProvider-C1g4BXET.cjs"),U=require("./isMuiElement-BzDAj3yJ.cjs"),Y=require("./useForkRef-CFhhTu-Q.cjs"),J=require("./elementTypeAcceptingRef-vjR5jGLx.cjs"),K=require("./chainPropTypes-CEUi6Jb4.cjs");function Q(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(e,o,n.get?n:{enumerable:!0,get:()=>s[o]})}}return e.default=s,Object.freeze(e)}const a=Q($);function O(s){return i.generateUtilityClass("MuiListItem",s)}const W=i.generateUtilityClasses("MuiListItem",["root","container","dense","alignItemsFlexStart","divider","gutters","padding","secondaryAction"]);function X(s){return i.generateUtilityClass("MuiListItemButton",s)}const G=i.generateUtilityClasses("MuiListItemButton",["root","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","selected"]);function Z(s){return i.generateUtilityClass("MuiListItemSecondaryAction",s)}i.generateUtilityClasses("MuiListItemSecondaryAction",["root","disableGutters"]);const ee=s=>{const{disableGutters:e,classes:o}=s,n={root:["root",e&&"disableGutters"]};return p.composeClasses(n,Z,o)},te=p.styled("div",{name:"MuiListItemSecondaryAction",slot:"Root",overridesResolver:(s,e)=>{const{ownerState:o}=s;return[e.root,o.disableGutters&&e.disableGutters]}})({position:"absolute",right:16,top:"50%",transform:"translateY(-50%)",variants:[{props:({ownerState:s})=>s.disableGutters,style:{right:0}}]}),x=a.forwardRef(function(e,o){const n=p.useDefaultProps({props:e,name:"MuiListItemSecondaryAction"}),{className:r,...y}=n,m=a.useContext(C.ListContext),c={...n,disableGutters:m.disableGutters},g=ee(c);return l.jsx(te,{className:i.clsx(g.root,r),ownerState:c,ref:o,...y})});process.env.NODE_ENV!=="production"&&(x.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,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])});x.muiName="ListItemSecondaryAction";const se=(s,e)=>{const{ownerState:o}=s;return[e.root,o.dense&&e.dense,o.alignItems==="flex-start"&&e.alignItemsFlexStart,o.divider&&e.divider,!o.disableGutters&&e.gutters,!o.disablePadding&&e.padding,o.hasSecondaryAction&&e.secondaryAction]},oe=s=>{const{alignItems:e,classes:o,dense:n,disableGutters:r,disablePadding:y,divider:m,hasSecondaryAction:c}=s,g={root:["root",n&&"dense",!r&&"gutters",!y&&"padding",m&&"divider",e==="flex-start"&&"alignItemsFlexStart",c&&"secondaryAction"],container:["container"]};return p.composeClasses(g,O,o)},ne=p.styled("div",{name:"MuiListItem",slot:"Root",overridesResolver:se})(z.memoTheme(({theme:s})=>({display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",width:"100%",boxSizing:"border-box",textAlign:"left",variants:[{props:({ownerState:e})=>!e.disablePadding,style:{paddingTop:8,paddingBottom:8}},{props:({ownerState:e})=>!e.disablePadding&&e.dense,style:{paddingTop:4,paddingBottom:4}},{props:({ownerState:e})=>!e.disablePadding&&!e.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:e})=>!e.disablePadding&&!!e.secondaryAction,style:{paddingRight:48}},{props:({ownerState:e})=>!!e.secondaryAction,style:{[`& > .${G.root}`]:{paddingRight:48}}},{props:{alignItems:"flex-start"},style:{alignItems:"flex-start"}},{props:({ownerState:e})=>e.divider,style:{borderBottom:`1px solid ${(s.vars||s).palette.divider}`,backgroundClip:"padding-box"}},{props:({ownerState:e})=>e.button,style:{transition:s.transitions.create("background-color",{duration:s.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:(s.vars||s).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}}}},{props:({ownerState:e})=>e.hasSecondaryAction,style:{paddingRight:48}}]}))),re=p.styled("li",{name:"MuiListItem",slot:"Container"})({position:"relative"}),q=a.forwardRef(function(e,o){const n=p.useDefaultProps({props:e,name:"MuiListItem"}),{alignItems:r="center",children:y,className:m,component:c,components:g={},componentsProps:w={},ContainerComponent:v="li",ContainerProps:{className:B,...D}={},dense:L=!1,disableGutters:I=!1,disablePadding:k=!1,divider:E=!1,secondaryAction:S,slotProps:F={},slots:_={},...H}=n,A=a.useContext(C.ListContext),h=a.useMemo(()=>({dense:L||A.dense||!1,alignItems:r,disableGutters:I}),[r,A.dense,L,I]),V=a.useRef(null),d=a.Children.toArray(y),R=d.length&&U.isMuiElement(d[d.length-1],["ListItemSecondaryAction"]),b={...n,alignItems:r,dense:h.dense,disableGutters:I,disablePadding:k,divider:E,hasSecondaryAction:R},j=oe(b),M=Y.useForkRef(V,o),T=_.root||g.Root||ne,f=F.root||w.root||{},P={className:i.clsx(j.root,f.className,m),...H};let u=c||"li";return R?(u=!P.component&&!c?"div":u,v==="li"&&(u==="li"?u="div":P.component==="li"&&(P.component="div")),l.jsx(C.ListContext.Provider,{value:h,children:l.jsxs(re,{as:v,className:i.clsx(j.container,B),ref:M,ownerState:b,...D,children:[l.jsx(T,{...f,...!N.isHostComponent(T)&&{as:u,ownerState:{...b,...f.ownerState}},...P,children:d}),d.pop()]})})):l.jsx(C.ListContext.Provider,{value:h,children:l.jsxs(T,{...f,as:u,ref:M,...!N.isHostComponent(T)&&{ownerState:{...b,...f.ownerState}},...P,children:[d,S&&l.jsx(x,{children:S})]})})});process.env.NODE_ENV!=="production"&&(q.propTypes={alignItems:t.PropTypes.oneOf(["center","flex-start"]),children:K.chainPropTypes(t.PropTypes.node,s=>{const e=a.Children.toArray(s.children);let o=-1;for(let n=e.length-1;n>=0;n-=1){const r=e[n];if(U.isMuiElement(r,["ListItemSecondaryAction"])){o=n;break}}return o!==-1&&o!==e.length-1?new Error("MUI: You used an element after ListItemSecondaryAction. For ListItem to detect that it has a secondary action you must pass it as the last child to ListItem."):null}),classes:t.PropTypes.object,className:t.PropTypes.string,component:t.PropTypes.elementType,components:t.PropTypes.shape({Root:t.PropTypes.elementType}),componentsProps:t.PropTypes.shape({root:t.PropTypes.object}),ContainerComponent:J.elementTypeAcceptingRef,ContainerProps:t.PropTypes.object,dense:t.PropTypes.bool,disableGutters:t.PropTypes.bool,disablePadding:t.PropTypes.bool,divider:t.PropTypes.bool,secondaryAction:t.PropTypes.node,slotProps:t.PropTypes.shape({root:t.PropTypes.object}),slots:t.PropTypes.shape({root:t.PropTypes.elementType}),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])});exports.ListItem=q;exports.getListItemButtonUtilityClass=X;exports.getListItemUtilityClass=O;exports.listItemButtonClasses=G;exports.listItemClasses=W;