@cgi-learning-hub/ui 1.5.1 → 1.6.0

package/dist/Menu-BjrN8rMF.cjs

@@ -0,0 +1,7 @@
+"use strict";const Se=require("react"),L=require("./generateUtilityClasses-CMlilM6r.cjs"),e=require("./index-DLnSn8GT.cjs"),xe=require("./index-CrINMjCH.cjs"),k=require("./DefaultPropsProvider-B1crdkTC.cjs"),Y=require("./useSlot-W0PiuVaZ.cjs"),V=require("react/jsx-runtime"),ke=require("./useSlotProps-OhEflPiz.cjs"),De=require("./isHostComponent-PydJW4A4.cjs"),ye=require("./Paper-Bh9CKUCb.cjs"),oe=require("./ownerDocument-4MViGo3k.cjs"),te=require("./ownerWindow-DDHucZi0.cjs"),je=require("./debounce-DpCj7ugL.cjs"),Ne=require("./Grow-aEgTOewU.cjs"),Ie=require("./mergeSlotProps-Z5-o9vSe.cjs"),de=require("./Modal-DxwlW5NV.cjs"),Fe=require("./chainPropTypes-CEUi6Jb4.cjs"),qe=require("./refType-B_IEJm4x.cjs"),Le=require("./elementTypeAcceptingRef-BwZv9xBI.cjs"),re=require("./Portal-B5KqLEa0.cjs"),ze=require("./useEventCallback-BxpcFap0.cjs"),Ke=require("./useForkRef-CFhhTu-Q.cjs"),Ue=require("./List-BH_S4Hqm.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(Se);function ee(t,o,r){return t===o?t.firstChild:o&&o.nextElementSibling?o.nextElementSibling:r?null:t.firstChild}function le(t,o,r){return t===o?r?t.firstChild:t.lastChild:o&&o.previousElementSibling?o.previousElementSibling:r?null:t.lastChild}function Pe(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 B(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")||!Pe(d,h)||T)d=O(t,d,r);else return d.focus(),!0}return!1}const Te=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:z="selectedMenu",...U}=o,i=u.useRef(null),b=u.useRef({keys:[],repeating:!0,previousKeyMatched:!0,lastTime:null});ze.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=`${de.getScrollbarSize(te.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=oe.ownerDocument(a).activeElement;if(l==="ArrowDown")n.preventDefault(),B(a,j,C,T,ee);else if(l==="ArrowUp")n.preventDefault(),B(a,j,C,T,le);else if(l==="Home")n.preventDefault(),B(a,null,C,T,ee);else if(l==="End")n.preventDefault(),B(a,null,C,T,le);else if(l.length===1){const c=b.current,S=l.toLowerCase(),K=performance.now();c.keys.length>0&&(K-c.lastTime>500?(c.keys=[],c.repeating=!0,c.previousKeyMatched=!0):c.repeating&&S!==c.keys[0]&&(c.repeating=!1)),c.lastTime=K,c.keys.push(S);const N=j&&!c.repeating&&Pe(j,c);c.previousKeyMatched&&(N||B(a,j,!1,T,ee,c))?n.preventDefault():c.previousKeyMatched=!1}D&&D(n)},I=Ke.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"&&L.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||(z==="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&&z==="selectedMenu"&&(l.tabIndex=0),u.cloneElement(n,l)}return n});return V.jsx(Ue.List,{role:"menu",ref:I,className:d,onKeyDown:H,tabIndex:O?0:-1,...U,children:v})});process.env.NODE_ENV!=="production"&&(Te.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 _e(t){return L.generateUtilityClass("MuiPopover",t)}L.generateUtilityClasses("MuiPopover",["root","paper"]);function ce(t,o){let r=0;return typeof o=="number"?r=o:o==="center"?r=t.height/2:o==="bottom"&&(r=t.height),r}function ue(t,o){let r=0;return typeof o=="number"?r=o:o==="center"?r=t.width/2:o==="right"&&(r=t.width),r}function fe(t){return[t.horizontal,t.vertical].map(o=>typeof o=="number"?`${o}px`:o).join(" ")}function G(t){return typeof t=="function"?t():t}const Ae=t=>{const{classes:o}=t,r={root:["root"],paper:["paper"]};return k.composeClasses(r,_e,o)},Ve=k.styled(de.Modal,{name:"MuiPopover",slot:"Root",overridesResolver:(t,o)=>o.root})({}),he=k.styled(ye.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}),me=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:z,elevation:U=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:U,marginThreshold:i,transformOrigin:v,TransitionComponent:n,transitionDuration:a,TransitionProps:l},K=Ae(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=G(h),y=s&&s.nodeType===1?s:oe.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+ce(P,m.vertical),left:P.left+ue(P,m.horizontal)}},[h,m.horizontal,m.vertical,d,T]),F=u.useCallback(s=>({vertical:ce(s,v.vertical),horizontal:ue(s,v.horizontal)}),[v.horizontal,v.vertical]),X=u.useCallback(s=>{const y={width:s.offsetWidth,height:s.offsetHeight},P=F(y);if(T==="none")return{top:null,left:null,transformOrigin:fe(P)};const x=N();let _=x.top-P.vertical,A=x.left-P.horizontal;const se=_+y.height,pe=A+y.width,ie=te.ownerWindow(G(h)),$=ie.innerHeight-i,ae=ie.innerWidth-i;if(i!==null&&_<i){const R=_-i;_-=R,P.vertical+=R}else if(i!==null&&se>$){const R=se-$;_-=R,P.vertical+=R}if(process.env.NODE_ENV!=="production"&&y.height>$&&y.height&&$&&console.error(["MUI: The popover component is too tall.",`Some part of it can not be seen on the screen (${y.height-$}px).`,"Please consider adding a `max-height` to improve the user-experience."].join(`
+`)),i!==null&&A<i){const R=A-i;A-=R,P.horizontal+=R}else if(pe>ae){const R=pe-ae;A-=R,P.horizontal+=R}return{top:`${Math.round(_)}px`,left:`${Math.round(A)}px`,transformOrigin:fe(P)}},[h,T,N,F,i]),[Q,J]=u.useState(b),M=u.useCallback(()=>{const s=c.current;if(!s)return;const y=X(s);y.top!==null&&s.style.setProperty("top",y.top),y.left!==null&&(s.style.left=y.left),s.style.transformOrigin=y.transformOrigin,J(!0)},[X]);u.useEffect(()=>(w&&window.addEventListener("scroll",M),()=>window.removeEventListener("scroll",M)),[h,w,M]);const Z=()=>{M()},q=()=>{J(!1)};u.useEffect(()=>{b&&M()}),u.useImperativeHandle(O,()=>b?{updatePosition:()=>{M()}}:null,[b,M]),u.useEffect(()=>{if(!b)return;const s=je.debounce(()=>{M()}),y=te.ownerWindow(G(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}},[W,ve]=Y.useSlot("transition",{elementType:Ne.Grow,externalForwardedProps:g,ownerState:S,getSlotProps:s=>({...s,onEntering:(y,P)=>{var x;(x=s.onEntering)==null||x.call(s,y,P),Z()},onExited:y=>{var P;(P=s.onExited)==null||P.call(s,y),q()}}),additionalProps:{appear:!0,in:b}});a==="auto"&&!W.muiSupportAuto&&(f=void 0);const Ee=z||(h?oe.ownerDocument(G(h)).body:void 0),[ne,{slots:Oe,slotProps:we,...Me}]=Y.useSlot("root",{ref:r,elementType:Ve,externalForwardedProps:{...g,...j},shouldForwardComponentProp:!0,additionalProps:{slots:{backdrop:I.backdrop},slotProps:{backdrop:Ie.mergeSlotProps(typeof p.backdrop=="function"?p.backdrop(S):p.backdrop,{invisible:!0})},container:Ee,open:b},ownerState:S,className:L.clsx(K.root,D)}),[Re,Ce]=Y.useSlot("paper",{ref:c,className:K.paper,elementType:he,externalForwardedProps:g,shouldForwardComponentProp:!0,additionalProps:{elevation:U,style:Q?void 0:{opacity:0}},ownerState:S});return V.jsx(ne,{...Me,...!De.isHostComponent(ne)&&{slots:Oe,slotProps:we,disableScrollLock:w},children:V.jsx(W,{...ve,timeout:f,children:V.jsx(Re,{...Ce,children:C})})})});process.env.NODE_ENV!=="production"&&(me.propTypes={action:qe.refType,anchorEl:Fe.chainPropTypes(e.PropTypes.oneOfType([re.HTMLElementType,e.PropTypes.func]),t=>{if(t.open&&(!t.anchorReference||t.anchorReference==="anchorEl")){const o=G(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([re.HTMLElementType,e.PropTypes.func]),disableScrollLock:e.PropTypes.bool,elevation:ye.integerPropType,marginThreshold:e.PropTypes.number,onClose:e.PropTypes.func,open:e.PropTypes.bool.isRequired,PaperProps:e.PropTypes.shape({component:Le.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 be(t){return L.generateUtilityClass("MuiMenu",t)}const We=L.generateUtilityClasses("MuiMenu",["root","paper","list"]),$e={vertical:"top",horizontal:"right"},Be={vertical:"top",horizontal:"left"},Ge=t=>{const{classes:o}=t,r={root:["root"],paper:["paper"],list:["list"]};return k.composeClasses(r,be,o)},Ye=k.styled(me,{shouldForwardProp:t=>k.rootShouldForwardProp(t)||t==="classes",name:"MuiMenu",slot:"Root",overridesResolver:(t,o)=>o.root})({}),Xe=k.styled(he,{name:"MuiMenu",slot:"Paper",overridesResolver:(t,o)=>o.paper})({maxHeight:"calc(100% - 96px)",WebkitOverflowScrolling:"touch"}),Je=k.styled(Te,{name:"MuiMenu",slot:"List",overridesResolver:(t,o)=>o.list})({outline:0}),ge=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:z={},PopoverClasses:U,transitionDuration:i="auto",TransitionProps:{onEntering:b,...H}={},variant:I="selectedMenu",slots:p={},slotProps:v={},...n}=E,a=xe.useRtl(),l={...E,autoFocus:O,disableAutoFocusItem:d,MenuListProps:T,onEntering:b,PaperProps:z,transitionDuration:i,TransitionProps:H,variant:I},w=Ge(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)},K=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"&&L.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:z,...v}},X=ke.useSlotProps({elementType:p.root,externalSlotProps:v.root,ownerState:l,className:[w.root,m]}),[Q,J]=Y.useSlot("paper",{className:w.paper,elementType:Xe,externalForwardedProps:F,shouldForwardComponentProp:!0,ownerState:l}),[M,Z]=Y.useSlot("list",{className:L.clsx(w.list,T.className),elementType:Je,shouldForwardComponentProp:!0,externalForwardedProps:F,getSlotProps:f=>({...f,onKeyDown:g=>{var W;K(g),(W=f.onKeyDown)==null||W.call(f,g)}}),ownerState:l}),q=typeof F.slotProps.transition=="function"?F.slotProps.transition(l):F.slotProps.transition;return V.jsx(Ye,{onClose:C,anchorOrigin:{vertical:"bottom",horizontal:a?"right":"left"},transformOrigin:a?$e:Be,slots:{root:p.root,paper:Q,backdrop:p.backdrop,...p.transition&&{transition:p.transition}},slotProps:{root:X,paper:J,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:U,children:V.jsx(M,{actions:c,autoFocus:O&&(N===-1||d),autoFocusItem:j,variant:I,...Z,children:h})})});process.env.NODE_ENV!=="production"&&(ge.propTypes={anchorEl:e.PropTypes.oneOfType([re.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=ge;exports.getMenuUtilityClass=be;exports.menuClasses=We;