@cgi-learning-hub/ui 1.5.0 → 1.5.1-dev.1744639457

package/dist/Menu-4e60iiMU.cjs

@@ -0,0 +1,7 @@
+"use strict";const Ce=require("react"),e=require("./identifier-gJdGmHeC.cjs"),Se=require("./index-D14TzUgK.cjs"),k=require("./DefaultPropsProvider-DLSItMqn.cjs"),G=require("./useSlot-zJFQDOgm.cjs"),A=require("react/jsx-runtime"),xe=require("./useSlotProps-CuEZ7HQe.cjs"),ke=require("./isHostComponent-PydJW4A4.cjs"),fe=require("./Paper-CKG165jt.cjs"),ee=require("./ownerDocument-4MViGo3k.cjs"),oe=require("./ownerWindow-DDHucZi0.cjs"),De=require("./debounce-DpCj7ugL.cjs"),je=require("./Grow-DrEdqZgX.cjs"),Ne=require("./mergeSlotProps-BCz8yLkw.cjs"),ye=require("./Modal-JAWJUstF.cjs"),Ie=require("./chainPropTypes-CEUi6Jb4.cjs"),Fe=require("./refType-53jD7LEO.cjs"),qe=require("./elementTypeAcceptingRef-DRPcjZd5.cjs"),te=require("./Portal-LP7SUKpU.cjs"),Le=require("./useEventCallback-BxpcFap0.cjs"),ze=require("./useForkRef-CFhhTu-Q.cjs"),Ke=require("./List-Bii833np.cjs");function He(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const E=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(o,r,E.get?E:{enumerable:!0,get:()=>t[r]})}}return o.default=t,Object.freeze(o)}const u=He(Ce);function Z(t,o,r){return t===o?t.firstChild:o&&o.nextElementSibling?o.nextElementSibling:r?null:t.firstChild}function ae(t,o,r){return t===o?r?t.firstChild:t.lastChild:o&&o.previousElementSibling?o.previousElementSibling:r?null:t.lastChild}function de(t,o){if(o===void 0)return!0;let r=t.innerText;return r===void 0&&(r=t.textContent),r=r.trim().toLowerCase(),r.length===0?!1:o.repeating?r[0]===o.keys[0]:r.startsWith(o.keys.join(""))}function $(t,o,r,E,O,h){let m=!1,d=O(t,o,o?r:!1);for(;d;){if(d===t.firstChild){if(m)return!1;m=!0}const T=E?!1:d.disabled||d.getAttribute("aria-disabled")==="true";if(!d.hasAttribute("tabindex")||!de(d,h)||T)d=O(t,d,r);else return d.focus(),!0}return!1}const Pe=u.forwardRef(function(o,r){const{actions:E,autoFocus:O=!1,autoFocusItem:h=!1,children:m,className:d,disabledItemsFocusable:T=!1,disableListWrap:C=!1,onKeyDown:D,variant:L="selectedMenu",...K}=o,i=u.useRef(null),b=u.useRef({keys:[],repeating:!0,previousKeyMatched:!0,lastTime:null});Le.useEnhancedEffect(()=>{O&&i.current.focus()},[O]),u.useImperativeHandle(E,()=>({adjustStyleForScrollbar:(n,{direction:a})=>{const l=!i.current.style.width;if(n.clientHeight<i.current.clientHeight&&l){const w=`${ye.getScrollbarSize(oe.ownerWindow(n))}px`;i.current.style[a==="rtl"?"paddingLeft":"paddingRight"]=w,i.current.style.width=`calc(100% + ${w})`}return i.current}}),[]);const H=n=>{const a=i.current,l=n.key;if(n.ctrlKey||n.metaKey||n.altKey){D&&D(n);return}const j=ee.ownerDocument(a).activeElement;if(l==="ArrowDown")n.preventDefault(),$(a,j,C,T,Z);else if(l==="ArrowUp")n.preventDefault(),$(a,j,C,T,ae);else if(l==="Home")n.preventDefault(),$(a,null,C,T,Z);else if(l==="End")n.preventDefault(),$(a,null,C,T,ae);else if(l.length===1){const c=b.current,S=l.toLowerCase(),z=performance.now();c.keys.length>0&&(z-c.lastTime>500?(c.keys=[],c.repeating=!0,c.previousKeyMatched=!0):c.repeating&&S!==c.keys[0]&&(c.repeating=!1)),c.lastTime=z,c.keys.push(S);const N=j&&!c.repeating&&de(j,c);c.previousKeyMatched&&(N||$(a,j,!1,T,Z,c))?n.preventDefault():c.previousKeyMatched=!1}D&&D(n)},I=ze.useForkRef(i,r);let p=-1;u.Children.forEach(m,(n,a)=>{if(!u.isValidElement(n)){p===a&&(p+=1,p>=m.length&&(p=-1));return}process.env.NODE_ENV!=="production"&&e.reactIsExports.isFragment(n)&&console.error(["MUI: The Menu component doesn't accept a Fragment as a child.","Consider providing an array instead."].join(`
+`)),n.props.disabled||(L==="selectedMenu"&&n.props.selected||p===-1)&&(p=a),p===a&&(n.props.disabled||n.props.muiSkipListHighlight||n.type.muiSkipListHighlight)&&(p+=1,p>=m.length&&(p=-1))});const v=u.Children.map(m,(n,a)=>{if(a===p){const l={};return h&&(l.autoFocus=!0),n.props.tabIndex===void 0&&L==="selectedMenu"&&(l.tabIndex=0),u.cloneElement(n,l)}return n});return A.jsx(Ke.List,{role:"menu",ref:I,className:d,onKeyDown:H,tabIndex:O?0:-1,...K,children:v})});process.env.NODE_ENV!=="production"&&(Pe.propTypes={autoFocus:e.PropTypes.bool,autoFocusItem:e.PropTypes.bool,children:e.PropTypes.node,className:e.PropTypes.string,disabledItemsFocusable:e.PropTypes.bool,disableListWrap:e.PropTypes.bool,onKeyDown:e.PropTypes.func,variant:e.PropTypes.oneOf(["menu","selectedMenu"])});function Ue(t){return e.generateUtilityClass("MuiPopover",t)}e.generateUtilityClasses("MuiPopover",["root","paper"]);function le(t,o){let r=0;return typeof o=="number"?r=o:o==="center"?r=t.height/2:o==="bottom"&&(r=t.height),r}function ce(t,o){let r=0;return typeof o=="number"?r=o:o==="center"?r=t.width/2:o==="right"&&(r=t.width),r}function ue(t){return[t.horizontal,t.vertical].map(o=>typeof o=="number"?`${o}px`:o).join(" ")}function B(t){return typeof t=="function"?t():t}const _e=t=>{const{classes:o}=t,r={root:["root"],paper:["paper"]};return k.composeClasses(r,Ue,o)},Ae=k.styled(ye.Modal,{name:"MuiPopover",slot:"Root",overridesResolver:(t,o)=>o.root})({}),Te=k.styled(fe.Paper,{name:"MuiPopover",slot:"Paper",overridesResolver:(t,o)=>o.paper})({position:"absolute",overflowY:"auto",overflowX:"hidden",minWidth:16,minHeight:16,maxWidth:"calc(100% - 32px)",maxHeight:"calc(100% - 32px)",outline:0}),he=u.forwardRef(function(o,r){const E=k.useDefaultProps({props:o,name:"MuiPopover"}),{action:O,anchorEl:h,anchorOrigin:m={vertical:"top",horizontal:"left"},anchorPosition:d,anchorReference:T="anchorEl",children:C,className:D,container:L,elevation:K=8,marginThreshold:i=16,open:b,PaperProps:H={},slots:I={},slotProps:p={},transformOrigin:v={vertical:"top",horizontal:"left"},TransitionComponent:n,transitionDuration:a="auto",TransitionProps:l={},disableScrollLock:w=!1,...j}=E,c=u.useRef(),S={...E,anchorOrigin:m,anchorReference:T,elevation:K,marginThreshold:i,transformOrigin:v,TransitionComponent:n,transitionDuration:a,TransitionProps:l},z=_e(S),N=u.useCallback(()=>{if(T==="anchorPosition")return process.env.NODE_ENV!=="production"&&(d||console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')),d;const s=B(h),y=s&&s.nodeType===1?s:ee.ownerDocument(c.current).body,P=y.getBoundingClientRect();if(process.env.NODE_ENV!=="production"){const x=y.getBoundingClientRect();process.env.NODE_ENV!=="test"&&x.top===0&&x.left===0&&x.right===0&&x.bottom===0&&console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.","The anchor element should be part of the document layout.","Make sure the element is present in the document or that it's not display none."].join(`
+`))}return{top:P.top+le(P,m.vertical),left:P.left+ce(P,m.horizontal)}},[h,m.horizontal,m.vertical,d,T]),F=u.useCallback(s=>({vertical:le(s,v.vertical),horizontal:ce(s,v.horizontal)}),[v.horizontal,v.vertical]),Y=u.useCallback(s=>{const y={width:s.offsetWidth,height:s.offsetHeight},P=F(y);if(T==="none")return{top:null,left:null,transformOrigin:ue(P)};const x=N();let U=x.top-P.vertical,_=x.left-P.horizontal;const ne=U+y.height,se=_+y.width,pe=oe.ownerWindow(B(h)),W=pe.innerHeight-i,ie=pe.innerWidth-i;if(i!==null&&U<i){const R=U-i;U-=R,P.vertical+=R}else if(i!==null&&ne>W){const R=ne-W;U-=R,P.vertical+=R}if(process.env.NODE_ENV!=="production"&&y.height>W&&y.height&&W&&console.error(["MUI: The popover component is too tall.",`Some part of it can not be seen on the screen (${y.height-W}px).`,"Please consider adding a `max-height` to improve the user-experience."].join(`
+`)),i!==null&&_<i){const R=_-i;_-=R,P.horizontal+=R}else if(se>ie){const R=se-ie;_-=R,P.horizontal+=R}return{top:`${Math.round(U)}px`,left:`${Math.round(_)}px`,transformOrigin:ue(P)}},[h,T,N,F,i]),[J,X]=u.useState(b),M=u.useCallback(()=>{const s=c.current;if(!s)return;const y=Y(s);y.top!==null&&s.style.setProperty("top",y.top),y.left!==null&&(s.style.left=y.left),s.style.transformOrigin=y.transformOrigin,X(!0)},[Y]);u.useEffect(()=>(w&&window.addEventListener("scroll",M),()=>window.removeEventListener("scroll",M)),[h,w,M]);const Q=()=>{M()},q=()=>{X(!1)};u.useEffect(()=>{b&&M()}),u.useImperativeHandle(O,()=>b?{updatePosition:()=>{M()}}:null,[b,M]),u.useEffect(()=>{if(!b)return;const s=De.debounce(()=>{M()}),y=oe.ownerWindow(B(h));return y.addEventListener("resize",s),()=>{s.clear(),y.removeEventListener("resize",s)}},[h,b,M]);let f=a;const g={slots:{transition:n,...I},slotProps:{transition:l,paper:H,...p}},[V,ge]=G.useSlot("transition",{elementType:je.Grow,externalForwardedProps:g,ownerState:S,getSlotProps:s=>({...s,onEntering:(y,P)=>{var x;(x=s.onEntering)==null||x.call(s,y,P),Q()},onExited:y=>{var P;(P=s.onExited)==null||P.call(s,y),q()}}),additionalProps:{appear:!0,in:b}});a==="auto"&&!V.muiSupportAuto&&(f=void 0);const ve=L||(h?ee.ownerDocument(B(h)).body:void 0),[re,{slots:Ee,slotProps:Oe,...we}]=G.useSlot("root",{ref:r,elementType:Ae,externalForwardedProps:{...g,...j},shouldForwardComponentProp:!0,additionalProps:{slots:{backdrop:I.backdrop},slotProps:{backdrop:Ne.mergeSlotProps(typeof p.backdrop=="function"?p.backdrop(S):p.backdrop,{invisible:!0})},container:ve,open:b},ownerState:S,className:e.clsx(z.root,D)}),[Me,Re]=G.useSlot("paper",{ref:c,className:z.paper,elementType:Te,externalForwardedProps:g,shouldForwardComponentProp:!0,additionalProps:{elevation:K,style:J?void 0:{opacity:0}},ownerState:S});return A.jsx(re,{...we,...!ke.isHostComponent(re)&&{slots:Ee,slotProps:Oe,disableScrollLock:w},children:A.jsx(V,{...ge,timeout:f,children:A.jsx(Me,{...Re,children:C})})})});process.env.NODE_ENV!=="production"&&(he.propTypes={action:Fe.refType,anchorEl:Ie.chainPropTypes(e.PropTypes.oneOfType([te.HTMLElementType,e.PropTypes.func]),t=>{if(t.open&&(!t.anchorReference||t.anchorReference==="anchorEl")){const o=B(t.anchorEl);if(o&&o.nodeType===1){const r=o.getBoundingClientRect();if(process.env.NODE_ENV!=="test"&&r.top===0&&r.left===0&&r.right===0&&r.bottom===0)return new Error(["MUI: The `anchorEl` prop provided to the component is invalid.","The anchor element should be part of the document layout.","Make sure the element is present in the document or that it's not display none."].join(`
+`))}else return new Error(["MUI: The `anchorEl` prop provided to the component is invalid.",`It should be an Element or PopoverVirtualElement instance but it's \`${o}\` instead.`].join(`
+`))}return null}),anchorOrigin:e.PropTypes.shape({horizontal:e.PropTypes.oneOfType([e.PropTypes.oneOf(["center","left","right"]),e.PropTypes.number]).isRequired,vertical:e.PropTypes.oneOfType([e.PropTypes.oneOf(["bottom","center","top"]),e.PropTypes.number]).isRequired}),anchorPosition:e.PropTypes.shape({left:e.PropTypes.number.isRequired,top:e.PropTypes.number.isRequired}),anchorReference:e.PropTypes.oneOf(["anchorEl","anchorPosition","none"]),BackdropComponent:e.PropTypes.elementType,BackdropProps:e.PropTypes.object,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,container:e.PropTypes.oneOfType([te.HTMLElementType,e.PropTypes.func]),disableScrollLock:e.PropTypes.bool,elevation:fe.integerPropType,marginThreshold:e.PropTypes.number,onClose:e.PropTypes.func,open:e.PropTypes.bool.isRequired,PaperProps:e.PropTypes.shape({component:qe.elementTypeAcceptingRef}),slotProps:e.PropTypes.shape({backdrop:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),paper:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),transition:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({backdrop:e.PropTypes.elementType,paper:e.PropTypes.elementType,root:e.PropTypes.elementType,transition:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),transformOrigin:e.PropTypes.shape({horizontal:e.PropTypes.oneOfType([e.PropTypes.oneOf(["center","left","right"]),e.PropTypes.number]).isRequired,vertical:e.PropTypes.oneOfType([e.PropTypes.oneOf(["bottom","center","top"]),e.PropTypes.number]).isRequired}),TransitionComponent:e.PropTypes.elementType,transitionDuration:e.PropTypes.oneOfType([e.PropTypes.oneOf(["auto"]),e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})]),TransitionProps:e.PropTypes.object});function me(t){return e.generateUtilityClass("MuiMenu",t)}const Ve=e.generateUtilityClasses("MuiMenu",["root","paper","list"]),We={vertical:"top",horizontal:"right"},$e={vertical:"top",horizontal:"left"},Be=t=>{const{classes:o}=t,r={root:["root"],paper:["paper"],list:["list"]};return k.composeClasses(r,me,o)},Ge=k.styled(he,{shouldForwardProp:t=>k.rootShouldForwardProp(t)||t==="classes",name:"MuiMenu",slot:"Root",overridesResolver:(t,o)=>o.root})({}),Ye=k.styled(Te,{name:"MuiMenu",slot:"Paper",overridesResolver:(t,o)=>o.paper})({maxHeight:"calc(100% - 96px)",WebkitOverflowScrolling:"touch"}),Xe=k.styled(Pe,{name:"MuiMenu",slot:"List",overridesResolver:(t,o)=>o.list})({outline:0}),be=u.forwardRef(function(o,r){const E=k.useDefaultProps({props:o,name:"MuiMenu"}),{autoFocus:O=!0,children:h,className:m,disableAutoFocusItem:d=!1,MenuListProps:T={},onClose:C,open:D,PaperProps:L={},PopoverClasses:K,transitionDuration:i="auto",TransitionProps:{onEntering:b,...H}={},variant:I="selectedMenu",slots:p={},slotProps:v={},...n}=E,a=Se.useRtl(),l={...E,autoFocus:O,disableAutoFocusItem:d,MenuListProps:T,onEntering:b,PaperProps:L,transitionDuration:i,TransitionProps:H,variant:I},w=Be(l),j=O&&!d&&D,c=u.useRef(null),S=(f,g)=>{c.current&&c.current.adjustStyleForScrollbar(f,{direction:a?"rtl":"ltr"}),b&&b(f,g)},z=f=>{f.key==="Tab"&&(f.preventDefault(),C&&C(f,"tabKeyDown"))};let N=-1;u.Children.map(h,(f,g)=>{u.isValidElement(f)&&(process.env.NODE_ENV!=="production"&&e.reactIsExports.isFragment(f)&&console.error(["MUI: The Menu component doesn't accept a Fragment as a child.","Consider providing an array instead."].join(`
+`)),f.props.disabled||(I==="selectedMenu"&&f.props.selected||N===-1)&&(N=g))});const F={slots:p,slotProps:{list:T,transition:H,paper:L,...v}},Y=xe.useSlotProps({elementType:p.root,externalSlotProps:v.root,ownerState:l,className:[w.root,m]}),[J,X]=G.useSlot("paper",{className:w.paper,elementType:Ye,externalForwardedProps:F,shouldForwardComponentProp:!0,ownerState:l}),[M,Q]=G.useSlot("list",{className:e.clsx(w.list,T.className),elementType:Xe,shouldForwardComponentProp:!0,externalForwardedProps:F,getSlotProps:f=>({...f,onKeyDown:g=>{var V;z(g),(V=f.onKeyDown)==null||V.call(f,g)}}),ownerState:l}),q=typeof F.slotProps.transition=="function"?F.slotProps.transition(l):F.slotProps.transition;return A.jsx(Ge,{onClose:C,anchorOrigin:{vertical:"bottom",horizontal:a?"right":"left"},transformOrigin:a?We:$e,slots:{root:p.root,paper:J,backdrop:p.backdrop,...p.transition&&{transition:p.transition}},slotProps:{root:Y,paper:X,backdrop:typeof v.backdrop=="function"?v.backdrop(l):v.backdrop,transition:{...q,onEntering:(...f)=>{var g;S(...f),(g=q==null?void 0:q.onEntering)==null||g.call(q,...f)}}},open:D,ref:r,transitionDuration:i,ownerState:l,...n,classes:K,children:A.jsx(M,{actions:c,autoFocus:O&&(N===-1||d),autoFocusItem:j,variant:I,...Q,children:h})})});process.env.NODE_ENV!=="production"&&(be.propTypes={anchorEl:e.PropTypes.oneOfType([te.HTMLElementType,e.PropTypes.func]),autoFocus:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,disableAutoFocusItem:e.PropTypes.bool,MenuListProps:e.PropTypes.object,onClose:e.PropTypes.func,open:e.PropTypes.bool.isRequired,PaperProps:e.PropTypes.object,PopoverClasses:e.PropTypes.object,slotProps:e.PropTypes.shape({backdrop:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),list:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),paper:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),transition:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({backdrop:e.PropTypes.elementType,list:e.PropTypes.elementType,paper:e.PropTypes.elementType,root:e.PropTypes.elementType,transition:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),transitionDuration:e.PropTypes.oneOfType([e.PropTypes.oneOf(["auto"]),e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})]),TransitionProps:e.PropTypes.object,variant:e.PropTypes.oneOf(["menu","selectedMenu"])});exports.Menu=be;exports.getMenuUtilityClass=me;exports.menuClasses=Ve;