@cgi-learning-hub/ui 1.2.0 → 1.3.0-dev.1731057153

package/dist/ButtonBase-S0mFlojL.cjs

@@ -0,0 +1,75 @@
+"use strict";var we=Object.defineProperty;var Se=(n,t,o)=>t in n?we(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o;var ue=(n,t,o)=>Se(n,typeof t!="symbol"?t+"":t,o);const m=require("react"),e=require("./identifier-B_IiMbpZ.cjs"),L=require("react/jsx-runtime"),$=require("./DefaultPropsProvider-eEVEiLDf.cjs"),I=require("./useTimeout-gEG15bRo.cjs"),H=require("./TransitionGroupContext-DbXD5xqS.cjs"),oe=require("@emotion/react"),ae=require("./useForkRef-D81w5oMb.cjs"),pe=require("./refType-DYRsy3ld.cjs");function ke(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const u=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(t,o,u.get?u:{enumerable:!0,get:()=>n[o]})}}return t.default=n,Object.freeze(t)}const d=ke(m);function te(n){try{return n.matches(":focus-visible")}catch{process.env.NODE_ENV!=="production"&&!/jsdom/.test(window.navigator.userAgent)&&console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.","Some components rely on this feature to work properly."].join(`
+`))}return!1}function J(){return J=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var u in o)({}).hasOwnProperty.call(o,u)&&(n[u]=o[u])}return n},J.apply(null,arguments)}function Oe(n){if(n===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}function se(n,t){var o=function(s){return t&&m.isValidElement(s)?t(s):s},u=Object.create(null);return n&&m.Children.map(n,function(r){return r}).forEach(function(r){u[r.key]=o(r)}),u}function Be(n,t){n=n||{},t=t||{};function o(h){return h in t?t[h]:n[h]}var u=Object.create(null),r=[];for(var s in n)s in t?r.length&&(u[s]=r,r=[]):r.push(s);var i,c={};for(var a in t){if(u[a])for(i=0;i<u[a].length;i++){var f=u[a][i];c[u[a][i]]=o(f)}c[a]=o(a)}for(i=0;i<r.length;i++)c[r[i]]=o(r[i]);return c}function B(n,t,o){return o[t]!=null?o[t]:n.props[t]}function Le(n,t){return se(n.children,function(o){return m.cloneElement(o,{onExited:t.bind(null,o),in:!0,appear:B(o,"appear",n),enter:B(o,"enter",n),exit:B(o,"exit",n)})})}function Fe(n,t,o){var u=se(n.children),r=Be(t,u);return Object.keys(r).forEach(function(s){var i=r[s];if(m.isValidElement(i)){var c=s in t,a=s in u,f=t[s],h=m.isValidElement(f)&&!f.props.in;a&&(!c||h)?r[s]=m.cloneElement(i,{onExited:o.bind(null,i),in:!0,exit:B(i,"exit",n),enter:B(i,"enter",n)}):!a&&c&&!h?r[s]=m.cloneElement(i,{in:!1}):a&&c&&m.isValidElement(f)&&(r[s]=m.cloneElement(i,{onExited:o.bind(null,i),in:f.props.in,exit:B(i,"exit",n),enter:B(i,"enter",n)}))}}),r}var Ue=Object.values||function(n){return Object.keys(n).map(function(t){return n[t]})},qe={component:"div",childFactory:function(t){return t}},Z=function(n){H._inheritsLoose(t,n);function t(u,r){var s;s=n.call(this,u,r)||this;var i=s.handleExited.bind(Oe(s));return s.state={contextValue:{isMounting:!0},handleExited:i,firstRender:!0},s}var o=t.prototype;return o.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},o.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(r,s){var i=s.children,c=s.handleExited,a=s.firstRender;return{children:a?Le(r,c):Fe(r,i,c),firstRender:!1}},o.handleExited=function(r,s){var i=se(this.props.children);r.key in i||(r.props.onExited&&r.props.onExited(s),this.mounted&&this.setState(function(c){var a=J({},c.children);return delete a[r.key],{children:a}}))},o.render=function(){var r=this.props,s=r.component,i=r.childFactory,c=H._objectWithoutPropertiesLoose(r,["component","childFactory"]),a=this.state.contextValue,f=Ue(this.state.children).map(i);return delete c.appear,delete c.enter,delete c.exit,s===null?m.createElement(H.TransitionGroupContext.Provider,{value:a},f):m.createElement(H.TransitionGroupContext.Provider,{value:a},m.createElement(s,c,f))},t}(m.Component);Z.propTypes=process.env.NODE_ENV!=="production"?{component:e.PropTypes.any,children:e.PropTypes.node,appear:e.PropTypes.bool,enter:e.PropTypes.bool,exit:e.PropTypes.bool,childFactory:e.PropTypes.func}:{};Z.defaultProps=qe;class Q{constructor(){ue(this,"mountEffect",()=>{this.shouldMount&&!this.didMount&&this.ref.current!==null&&(this.didMount=!0,this.mounted.resolve())});this.ref={current:null},this.mounted=null,this.didMount=!1,this.shouldMount=!1,this.setShouldMount=null}static create(){return new Q}static use(){const t=I.useLazyRef(Q.create).current,[o,u]=d.useState(!1);return t.shouldMount=o,t.setShouldMount=u,d.useEffect(t.mountEffect,[o]),t}mount(){return this.mounted||(this.mounted=$e(),this.shouldMount=!0,this.setShouldMount(this.shouldMount)),this.mounted}start(...t){this.mount().then(()=>{var o;return(o=this.ref.current)==null?void 0:o.start(...t)})}stop(...t){this.mount().then(()=>{var o;return(o=this.ref.current)==null?void 0:o.stop(...t)})}pulsate(...t){this.mount().then(()=>{var o;return(o=this.ref.current)==null?void 0:o.pulsate(...t)})}}function Ie(){return Q.use()}function $e(){let n,t;const o=new Promise((u,r)=>{n=u,t=r});return o.resolve=n,o.reject=t,o}function ce(n){const{className:t,classes:o,pulsate:u=!1,rippleX:r,rippleY:s,rippleSize:i,in:c,onExited:a,timeout:f}=n,[h,g]=d.useState(!1),b=e.clsx(t,o.ripple,o.rippleVisible,u&&o.ripplePulsate),D={width:i,height:i,top:-(i/2)+s,left:-(i/2)+r},y=e.clsx(o.child,h&&o.childLeaving,u&&o.childPulsate);return!c&&!h&&g(!0),d.useEffect(()=>{if(!c&&a!=null){const w=setTimeout(a,f);return()=>{clearTimeout(w)}}},[a,c,f]),L.jsx("span",{className:b,style:D,children:L.jsx("span",{className:y})})}process.env.NODE_ENV!=="production"&&(ce.propTypes={classes:e.PropTypes.object.isRequired,className:e.PropTypes.string,in:e.PropTypes.bool,onExited:e.PropTypes.func,pulsate:e.PropTypes.bool,rippleSize:e.PropTypes.number,rippleX:e.PropTypes.number,rippleY:e.PropTypes.number,timeout:e.PropTypes.number.isRequired});const T=e.generateUtilityClasses("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),ne=550,ze=80,_e=oe.keyframes`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`,Ae=oe.keyframes`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`,Xe=oe.keyframes`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`,Ye=$.styled("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),Ke=$.styled(ce,{name:"MuiTouchRipple",slot:"Ripple"})`
+  opacity: 0;
+  position: absolute;
+
+  &.${T.rippleVisible} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${_e};
+    animation-duration: ${ne}ms;
+    animation-timing-function: ${({theme:n})=>n.transitions.easing.easeInOut};
+  }
+
+  &.${T.ripplePulsate} {
+    animation-duration: ${({theme:n})=>n.transitions.duration.shorter}ms;
+  }
+
+  & .${T.child} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${T.childLeaving} {
+    opacity: 0;
+    animation-name: ${Ae};
+    animation-duration: ${ne}ms;
+    animation-timing-function: ${({theme:n})=>n.transitions.easing.easeInOut};
+  }
+
+  & .${T.childPulsate} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${Xe};
+    animation-duration: 2500ms;
+    animation-timing-function: ${({theme:n})=>n.transitions.easing.easeInOut};
+    animation-iteration-count: infinite;
+    animation-delay: 200ms;
+  }
+`,fe=d.forwardRef(function(t,o){const u=$.useDefaultProps({props:t,name:"MuiTouchRipple"}),{center:r=!1,classes:s={},className:i,...c}=u,[a,f]=d.useState([]),h=d.useRef(0),g=d.useRef(null);d.useEffect(()=>{g.current&&(g.current(),g.current=null)},[a]);const b=d.useRef(!1),D=I.useTimeout(),y=d.useRef(null),w=d.useRef(null),x=d.useCallback(p=>{const{pulsate:M,rippleX:P,rippleY:q,rippleSize:S,cb:z}=p;f(R=>[...R,L.jsx(Ke,{classes:{ripple:e.clsx(s.ripple,T.ripple),rippleVisible:e.clsx(s.rippleVisible,T.rippleVisible),ripplePulsate:e.clsx(s.ripplePulsate,T.ripplePulsate),child:e.clsx(s.child,T.child),childLeaving:e.clsx(s.childLeaving,T.childLeaving),childPulsate:e.clsx(s.childPulsate,T.childPulsate)},timeout:ne,pulsate:M,rippleX:P,rippleY:q,rippleSize:S},h.current)]),h.current+=1,g.current=z},[s]),F=d.useCallback((p={},M={},P=()=>{})=>{const{pulsate:q=!1,center:S=r||M.pulsate,fakeElement:z=!1}=M;if((p==null?void 0:p.type)==="mousedown"&&b.current){b.current=!1;return}(p==null?void 0:p.type)==="touchstart"&&(b.current=!0);const R=z?null:w.current,V=R?R.getBoundingClientRect():{width:0,height:0,left:0,top:0};let N,E,j;if(S||p===void 0||p.clientX===0&&p.clientY===0||!p.clientX&&!p.touches)N=Math.round(V.width/2),E=Math.round(V.height/2);else{const{clientX:_,clientY:k}=p.touches&&p.touches.length>0?p.touches[0]:p;N=Math.round(_-V.left),E=Math.round(k-V.top)}if(S)j=Math.sqrt((2*V.width**2+V.height**2)/3),j%2===0&&(j+=1);else{const _=Math.max(Math.abs((R?R.clientWidth:0)-N),N)*2+2,k=Math.max(Math.abs((R?R.clientHeight:0)-E),E)*2+2;j=Math.sqrt(_**2+k**2)}p!=null&&p.touches?y.current===null&&(y.current=()=>{x({pulsate:q,rippleX:N,rippleY:E,rippleSize:j,cb:P})},D.start(ze,()=>{y.current&&(y.current(),y.current=null)})):x({pulsate:q,rippleX:N,rippleY:E,rippleSize:j,cb:P})},[r,x,D]),K=d.useCallback(()=>{F({},{pulsate:!0})},[F]),U=d.useCallback((p,M)=>{if(D.clear(),(p==null?void 0:p.type)==="touchend"&&y.current){y.current(),y.current=null,D.start(0,()=>{U(p,M)});return}y.current=null,f(P=>P.length>0?P.slice(1):P),g.current=M},[D]);return d.useImperativeHandle(o,()=>({pulsate:K,start:F,stop:U}),[K,F,U]),L.jsx(Ye,{className:e.clsx(T.root,s.root,i),ref:w,...c,children:L.jsx(Z,{component:null,exit:!0,children:a})})});process.env.NODE_ENV!=="production"&&(fe.propTypes={center:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string});function Ge(n){return e.generateUtilityClass("MuiButtonBase",n)}const We=e.generateUtilityClasses("MuiButtonBase",["root","disabled","focusVisible"]),He=n=>{const{disabled:t,focusVisible:o,focusVisibleClassName:u,classes:r}=n,s={root:["root",t&&"disabled",o&&"focusVisible"]},i=$.composeClasses(s,Ge,r);return o&&u&&(i.root+=` ${u}`),i},Je=$.styled("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(n,t)=>t.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${We.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),de=d.forwardRef(function(t,o){const u=$.useDefaultProps({props:t,name:"MuiButtonBase"}),{action:r,centerRipple:s=!1,children:i,className:c,component:a="button",disabled:f=!1,disableRipple:h=!1,disableTouchRipple:g=!1,focusRipple:b=!1,focusVisibleClassName:D,LinkComponent:y="a",onBlur:w,onClick:x,onContextMenu:F,onDragLeave:K,onFocus:U,onFocusVisible:p,onKeyDown:M,onKeyUp:P,onMouseDown:q,onMouseLeave:S,onMouseUp:z,onTouchEnd:R,onTouchMove:V,onTouchStart:N,tabIndex:E=0,TouchRippleProps:j,touchRippleRef:_,type:k,...A}=u,X=d.useRef(null),C=Ie(),he=ae.useForkRef(C.ref,_),[O,G]=d.useState(!1);f&&O&&G(!1),d.useImperativeHandle(r,()=>({focusVisible:()=>{G(!0),X.current.focus()}}),[]);const me=C.shouldMount&&!h&&!f;d.useEffect(()=>{O&&b&&!h&&C.pulsate()},[h,b,O,C]);function v(l,ie,je=g){return I.useEventCallback(le=>(ie&&ie(le),je||C[l](le),!0))}const ye=v("start",q),Te=v("stop",F),be=v("stop",K),Pe=v("stop",z),ge=v("stop",l=>{O&&l.preventDefault(),S&&S(l)}),Me=v("start",N),Re=v("stop",R),xe=v("stop",V),Ee=v("stop",l=>{te(l.target)||G(!1),w&&w(l)},!1),Ce=I.useEventCallback(l=>{X.current||(X.current=l.currentTarget),te(l.target)&&(G(!0),p&&p(l)),U&&U(l)}),ee=()=>{const l=X.current;return a&&a!=="button"&&!(l.tagName==="A"&&l.href)},ve=I.useEventCallback(l=>{b&&!l.repeat&&O&&l.key===" "&&C.stop(l,()=>{C.start(l)}),l.target===l.currentTarget&&ee()&&l.key===" "&&l.preventDefault(),M&&M(l),l.target===l.currentTarget&&ee()&&l.key==="Enter"&&!f&&(l.preventDefault(),x&&x(l))}),De=I.useEventCallback(l=>{b&&l.key===" "&&O&&!l.defaultPrevented&&C.stop(l,()=>{C.pulsate(l)}),P&&P(l),x&&l.target===l.currentTarget&&ee()&&l.key===" "&&!l.defaultPrevented&&x(l)});let W=a;W==="button"&&(A.href||A.to)&&(W=y);const Y={};W==="button"?(Y.type=k===void 0?"button":k,Y.disabled=f):(!A.href&&!A.to&&(Y.role="button"),f&&(Y["aria-disabled"]=f));const Ve=ae.useForkRef(o,X),re={...u,centerRipple:s,component:a,disabled:f,disableRipple:h,disableTouchRipple:g,focusRipple:b,tabIndex:E,focusVisible:O},Ne=He(re);return L.jsxs(Je,{as:W,className:e.clsx(Ne.root,c),ownerState:re,onBlur:Ee,onClick:x,onContextMenu:Te,onFocus:Ce,onKeyDown:ve,onKeyUp:De,onMouseDown:ye,onMouseLeave:ge,onMouseUp:Pe,onDragLeave:be,onTouchEnd:Re,onTouchMove:xe,onTouchStart:Me,ref:Ve,tabIndex:f?-1:E,type:k,...Y,...A,children:[i,me?L.jsx(fe,{ref:he,center:s,...j}):null]})});process.env.NODE_ENV!=="production"&&(de.propTypes={action:pe.refType,centerRipple:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:pe.elementTypeAcceptingRef,disabled:e.PropTypes.bool,disableRipple:e.PropTypes.bool,disableTouchRipple:e.PropTypes.bool,focusRipple:e.PropTypes.bool,focusVisibleClassName:e.PropTypes.string,href:e.PropTypes.any,LinkComponent:e.PropTypes.elementType,onBlur:e.PropTypes.func,onClick:e.PropTypes.func,onContextMenu:e.PropTypes.func,onDragLeave:e.PropTypes.func,onFocus:e.PropTypes.func,onFocusVisible:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,onMouseDown:e.PropTypes.func,onMouseLeave:e.PropTypes.func,onMouseUp:e.PropTypes.func,onTouchEnd:e.PropTypes.func,onTouchMove:e.PropTypes.func,onTouchStart:e.PropTypes.func,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]),tabIndex:e.PropTypes.number,TouchRippleProps:e.PropTypes.object,touchRippleRef:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.shape({current:e.PropTypes.shape({pulsate:e.PropTypes.func.isRequired,start:e.PropTypes.func.isRequired,stop:e.PropTypes.func.isRequired})})]),type:e.PropTypes.oneOfType([e.PropTypes.oneOf(["button","reset","submit"]),e.PropTypes.string])});exports.ButtonBase=de;exports.TransitionGroup=Z;exports._extends=J;exports.isFocusVisible=te;