@cgi-learning-hub/ui 1.3.2 → 1.3.3-dev.1732123246

package/dist/InputBase-Cpx39cny.cjs

@@ -0,0 +1,3 @@
+"use strict";const je=require("react"),e=require("./identifier-DTh6b5Gz.cjs"),ce=require("./formControlState-DCkDUdfO.cjs"),de=require("./useFormControl-haP0iPhl.cjs"),Me=require("./index-B_acx8gh.cjs"),he=require("./memoTheme-DJBS0nbO.cjs"),w=require("react/jsx-runtime"),V=require("./DefaultPropsProvider-eVMpAUQg.cjs"),Te=require("./useForkRef-CTI33h-3.cjs"),q=require("./refType-DNB-r0Bp.cjs"),fe=require("./ownerWindow-DDHucZi0.cjs"),He=require("./debounce-DpCj7ugL.cjs"),We=require("./elementTypeAcceptingRef-DiSL8-Ea.cjs");function De(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const l=De(je);function D(o){return parseInt(o,10)||0}const qe={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function Le(o){return o==null||Object.keys(o).length===0||o.outerHeightStyle===0&&!o.overflowing}const be=l.forwardRef(function(n,t){const{onChange:a,maxRows:f,minRows:c=1,style:R,value:O,...B}=n,{current:v}=l.useRef(O!=null),m=l.useRef(null),E=Te.useForkRef(t,m),h=l.useRef(null),x=l.useRef(null),P=l.useCallback(()=>{const p=m.current,r=fe.ownerWindow(p).getComputedStyle(p);if(r.width==="0px")return{outerHeightStyle:0,overflowing:!1};const d=x.current;d.style.width=r.width,d.value=p.value||n.placeholder||"x",d.value.slice(-1)===`
+`&&(d.value+=" ");const I=r.boxSizing,S=D(r.paddingBottom)+D(r.paddingTop),b=D(r.borderBottomWidth)+D(r.borderTopWidth),F=d.scrollHeight;d.value="x";const N=d.scrollHeight;let u=F;c&&(u=Math.max(Number(c)*N,u)),f&&(u=Math.min(Number(f)*N,u)),u=Math.max(u,N);const j=u+(I==="border-box"?S+b:0),M=Math.abs(u-F)<=1;return{outerHeightStyle:j,overflowing:M}},[f,c,n.placeholder]),C=l.useCallback(()=>{const p=P();if(Le(p))return;const T=p.outerHeightStyle,r=m.current;h.current!==T&&(h.current=T,r.style.height=`${T}px`),r.style.overflow=p.overflowing?"hidden":""},[P]);q.useEnhancedEffect(()=>{const p=()=>{C()};let T;const r=()=>{cancelAnimationFrame(T),T=requestAnimationFrame(()=>{p()})},d=He.debounce(p),I=m.current,S=fe.ownerWindow(I);S.addEventListener("resize",d);let b;return typeof ResizeObserver<"u"&&(b=new ResizeObserver(process.env.NODE_ENV==="test"?r:p),b.observe(I)),()=>{d.clear(),cancelAnimationFrame(T),S.removeEventListener("resize",d),b&&b.disconnect()}},[P,C]),q.useEnhancedEffect(()=>{C()});const U=p=>{v||C(),a&&a(p)};return w.jsxs(l.Fragment,{children:[w.jsx("textarea",{value:O,onChange:U,ref:E,rows:c,style:R,...B}),w.jsx("textarea",{"aria-hidden":!0,className:n.className,readOnly:!0,ref:x,tabIndex:-1,style:{...qe.shadow,...R,paddingTop:0,paddingBottom:0}})]})});process.env.NODE_ENV!=="production"&&(be.propTypes={className:e.PropTypes.string,maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),onChange:e.PropTypes.func,placeholder:e.PropTypes.string,style:e.PropTypes.object,value:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.number,e.PropTypes.string])});function ee(o){return typeof o=="string"}function Ve(o){return e.generateUtilityClass("MuiInputBase",o)}const L=e.generateUtilityClasses("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]);var ye;const ge=(o,n)=>{const{ownerState:t}=o;return[n.root,t.formControl&&n.formControl,t.startAdornment&&n.adornedStart,t.endAdornment&&n.adornedEnd,t.error&&n.error,t.size==="small"&&n.sizeSmall,t.multiline&&n.multiline,t.color&&n[`color${e.capitalize(t.color)}`],t.fullWidth&&n.fullWidth,t.hiddenLabel&&n.hiddenLabel]},Pe=(o,n)=>{const{ownerState:t}=o;return[n.input,t.size==="small"&&n.inputSizeSmall,t.multiline&&n.inputMultiline,t.type==="search"&&n.inputTypeSearch,t.startAdornment&&n.inputAdornedStart,t.endAdornment&&n.inputAdornedEnd,t.hiddenLabel&&n.inputHiddenLabel]},Ue=o=>{const{classes:n,color:t,disabled:a,error:f,endAdornment:c,focused:R,formControl:O,fullWidth:B,hiddenLabel:v,multiline:m,readOnly:E,size:h,startAdornment:x,type:P}=o,C={root:["root",`color${e.capitalize(t)}`,a&&"disabled",f&&"error",B&&"fullWidth",R&&"focused",O&&"formControl",h&&h!=="medium"&&`size${e.capitalize(h)}`,m&&"multiline",x&&"adornedStart",c&&"adornedEnd",v&&"hiddenLabel",E&&"readOnly"],input:["input",a&&"disabled",P==="search"&&"inputTypeSearch",m&&"inputMultiline",h==="small"&&"inputSizeSmall",v&&"inputHiddenLabel",x&&"inputAdornedStart",c&&"inputAdornedEnd",E&&"readOnly"]};return V.composeClasses(C,Ve,n)},we=V.styled("div",{name:"MuiInputBase",slot:"Root",overridesResolver:ge})(he.memoTheme(({theme:o})=>({...o.typography.body1,color:(o.vars||o).palette.text.primary,lineHeight:"1.4375em",boxSizing:"border-box",position:"relative",cursor:"text",display:"inline-flex",alignItems:"center",[`&.${L.disabled}`]:{color:(o.vars||o).palette.text.disabled,cursor:"default"},variants:[{props:({ownerState:n})=>n.multiline,style:{padding:"4px 0 5px"}},{props:({ownerState:n,size:t})=>n.multiline&&t==="small",style:{paddingTop:1}},{props:({ownerState:n})=>n.fullWidth,style:{width:"100%"}}]}))),ve=V.styled("input",{name:"MuiInputBase",slot:"Input",overridesResolver:Pe})(he.memoTheme(({theme:o})=>{const n=o.palette.mode==="light",t={color:"currentColor",...o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:n?.42:.5},transition:o.transitions.create("opacity",{duration:o.transitions.duration.shorter})},a={opacity:"0 !important"},f=o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:n?.42:.5};return{font:"inherit",letterSpacing:"inherit",color:"currentColor",padding:"4px 0 5px",border:0,boxSizing:"content-box",background:"none",height:"1.4375em",margin:0,WebkitTapHighlightColor:"transparent",display:"block",minWidth:0,width:"100%","&::-webkit-input-placeholder":t,"&::-moz-placeholder":t,"&::-ms-input-placeholder":t,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{WebkitAppearance:"none"},[`label[data-shrink=false] + .${L.formControl} &`]:{"&::-webkit-input-placeholder":a,"&::-moz-placeholder":a,"&::-ms-input-placeholder":a,"&:focus::-webkit-input-placeholder":f,"&:focus::-moz-placeholder":f,"&:focus::-ms-input-placeholder":f},[`&.${L.disabled}`]:{opacity:1,WebkitTextFillColor:(o.vars||o).palette.text.disabled},variants:[{props:({ownerState:c})=>!c.disableInjectingGlobalStyles,style:{animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}}},{props:{size:"small"},style:{paddingTop:1}},{props:({ownerState:c})=>c.multiline,style:{height:"auto",resize:"none",padding:0,paddingTop:0}},{props:{type:"search"},style:{MozAppearance:"textfield"}}]}})),me=Me.globalCss({"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}),xe=l.forwardRef(function(n,t){const a=V.useDefaultProps({props:n,name:"MuiInputBase"}),{"aria-describedby":f,autoComplete:c,autoFocus:R,className:O,color:B,components:v={},componentsProps:m={},defaultValue:E,disabled:h,disableInjectingGlobalStyles:x,endAdornment:P,error:C,fullWidth:U=!1,id:p,inputComponent:T="input",inputProps:r={},inputRef:d,margin:I,maxRows:S,minRows:b,multiline:F=!1,name:N,onBlur:u,onChange:j,onClick:M,onFocus:oe,onKeyDown:Ce,onKeyUp:Se,placeholder:Re,readOnly:_,renderSuffix:ne,rows:H,size:_e,slotProps:te={},slots:re={},startAdornment:k,type:se="text",value:Oe,...Ee}=a,W=r.value!=null?r.value:Oe,{current:$}=l.useRef(W!=null),z=l.useRef(),ze=l.useCallback(s=>{process.env.NODE_ENV!=="production"&&s&&s.nodeName!=="INPUT"&&!s.focus&&console.error(["MUI: You have provided a `inputComponent` to the input component","that does not correctly handle the `ref` prop.","Make sure the `ref` prop is called with a HTMLInputElement."].join(`
+`))},[]),Ie=Te.useForkRef(z,d,r.ref,ze),[K,G]=l.useState(!1),i=de.useFormControl();process.env.NODE_ENV!=="production"&&l.useEffect(()=>{if(i)return i.registerEffect()},[i]);const y=ce.formControlState({props:a,muiFormControl:i,states:["color","disabled","error","hiddenLabel","size","required","filled"]});y.focused=i?i.focused:K,l.useEffect(()=>{!i&&h&&K&&(G(!1),u&&u())},[i,h,K,u]);const Y=i&&i.onFilled,Z=i&&i.onEmpty,A=l.useCallback(s=>{ce.isFilled(s)?Y&&Y():Z&&Z()},[Y,Z]);q.useEnhancedEffect(()=>{$&&A({value:W})},[W,A,$]);const Fe=s=>{oe&&oe(s),r.onFocus&&r.onFocus(s),i&&i.onFocus?i.onFocus(s):G(!0)},Ne=s=>{u&&u(s),r.onBlur&&r.onBlur(s),i&&i.onBlur?i.onBlur(s):G(!1)},ke=(s,...pe)=>{if(!$){const ue=s.target||z.current;if(ue==null)throw new Error(process.env.NODE_ENV!=="production"?"MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.":e.formatMuiErrorMessage(1));A({value:ue.value})}r.onChange&&r.onChange(s,...pe),j&&j(s,...pe)};l.useEffect(()=>{A(z.current)},[]);const Ae=s=>{z.current&&s.currentTarget===s.target&&z.current.focus(),M&&M(s)};let J=T,g=r;F&&J==="input"&&(H?(process.env.NODE_ENV!=="production"&&(b||S)&&console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."),g={type:void 0,minRows:H,maxRows:H,...g}):g={type:void 0,maxRows:S,minRows:b,...g},J=be);const Be=s=>{A(s.animationName==="mui-auto-fill-cancel"?z.current:{value:"x"})};l.useEffect(()=>{i&&i.setAdornedStart(!!k)},[i,k]);const Q={...a,color:y.color||"primary",disabled:y.disabled,endAdornment:P,error:y.error,focused:y.focused,formControl:i,fullWidth:U,hiddenLabel:y.hiddenLabel,multiline:F,size:y.size,startAdornment:k,type:se},ie=Ue(Q),le=re.root||v.Root||we,X=te.root||m.root||{},ae=re.input||v.Input||ve;return g={...g,...te.input??m.input},w.jsxs(l.Fragment,{children:[!x&&typeof me=="function"&&(ye||(ye=w.jsx(me,{}))),w.jsxs(le,{...X,ref:t,onClick:Ae,...Ee,...!ee(le)&&{ownerState:{...Q,...X.ownerState}},className:e.clsx(ie.root,X.className,O,_&&"MuiInputBase-readOnly"),children:[k,w.jsx(de.FormControlContext.Provider,{value:null,children:w.jsx(ae,{"aria-invalid":y.error,"aria-describedby":f,autoComplete:c,autoFocus:R,defaultValue:E,disabled:y.disabled,id:p,onAnimationStart:Be,name:N,placeholder:Re,readOnly:_,required:y.required,rows:H,value:W,onKeyDown:Ce,onKeyUp:Se,type:se,...g,...!ee(ae)&&{as:J,ownerState:{...Q,...g.ownerState}},ref:Ie,className:e.clsx(ie.input,g.className,_&&"MuiInputBase-readOnly"),onBlur:Ne,onChange:ke,onFocus:Fe})}),P,ne?ne({...y,startAdornment:k}):null]})]})});process.env.NODE_ENV!=="production"&&(xe.propTypes={"aria-describedby":e.PropTypes.string,autoComplete:e.PropTypes.string,autoFocus:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","error","info","success","warning"]),e.PropTypes.string]),components:e.PropTypes.shape({Input:e.PropTypes.elementType,Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),defaultValue:e.PropTypes.any,disabled:e.PropTypes.bool,disableInjectingGlobalStyles:e.PropTypes.bool,endAdornment:e.PropTypes.node,error:e.PropTypes.bool,fullWidth:e.PropTypes.bool,id:e.PropTypes.string,inputComponent:We.elementTypeAcceptingRef,inputProps:e.PropTypes.object,inputRef:q.refType,margin:e.PropTypes.oneOf(["dense","none"]),maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),multiline:e.PropTypes.bool,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,onInvalid:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,placeholder:e.PropTypes.string,readOnly:e.PropTypes.bool,renderSuffix:e.PropTypes.func,required:e.PropTypes.bool,rows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),startAdornment:e.PropTypes.node,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]),type:e.PropTypes.string,value:e.PropTypes.any});exports.InputBase=xe;exports.InputBaseInput=ve;exports.InputBaseRoot=we;exports.inputBaseClasses=L;exports.inputOverridesResolver=Pe;exports.isHostComponent=ee;exports.rootOverridesResolver=ge;