@cgi-learning-hub/ui 1.3.5 → 1.4.0-dev.1740498210

package/dist/ButtonBase-C2rhY3j-.cjs

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