@devopness/ui-react 2.151.0 → 2.152.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/Primitives/ArrowHead/ArrowHead.d.ts +24 -0
- package/dist/src/components/Primitives/ArrowHead/ArrowHead.styled.d.ts +9 -0
- package/dist/src/components/Primitives/ArrowHead/index.d.ts +1 -0
- package/dist/src/components/Primitives/index.d.ts +1 -0
- package/dist/ui-react.cjs +40 -29
- package/dist/ui-react.js +553 -530
- package/package.json +7 -7
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
type ArrowHeadProps = {
|
|
2
|
+
/** Fill color for the arrow shape */
|
|
3
|
+
fill: string;
|
|
4
|
+
/** Stroke color for the arrow shape border */
|
|
5
|
+
stroke: string;
|
|
6
|
+
/** CSS styles to apply to the arrow shape */
|
|
7
|
+
style?: React.CSSProperties;
|
|
8
|
+
/**
|
|
9
|
+
* Event handler called when the arrow is clicked.
|
|
10
|
+
*/
|
|
11
|
+
onClick?: React.MouseEventHandler;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* An arrow separator
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* <ArrowHead
|
|
18
|
+
* fill="#000000"
|
|
19
|
+
* stroke="#FFFFFF"
|
|
20
|
+
* />
|
|
21
|
+
*/
|
|
22
|
+
declare const ArrowHead: ({ fill, stroke, style, onClick }: ArrowHeadProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export type { ArrowHeadProps };
|
|
24
|
+
export { ArrowHead };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type ArrowShapeProps = {
|
|
2
|
+
fill: string;
|
|
3
|
+
stroke: string;
|
|
4
|
+
};
|
|
5
|
+
declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
+
declare const ArrowShape: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
|
|
7
|
+
ref?: ((instance: SVGSVGElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<SVGSVGElement> | null | undefined;
|
|
8
|
+
}>, never>, ArrowShapeProps>> & string;
|
|
9
|
+
export { Container, ArrowShape };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ArrowHead';
|
package/dist/ui-react.cjs
CHANGED
|
@@ -398,7 +398,18 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
398
398
|
&:hover {
|
|
399
399
|
fill: ${ce("blue.800")};
|
|
400
400
|
}
|
|
401
|
-
`,Ef=({value:e,helpValue:t,isOptional:r=!1})=>$.jsxs(vy,{children:[$.jsxs(gy,{className:"translate",children:[e,r?" (Optional)":""]}),t&&$.jsx(En,{title:t,placement:"right-start",styles:{color:ce("white")},style:{height:"16px"},children:$.jsx(yy,{})})]})
|
|
401
|
+
`,Ef=({value:e,helpValue:t,isOptional:r=!1})=>$.jsxs(vy,{children:[$.jsxs(gy,{className:"translate",children:[e,r?" (Optional)":""]}),t&&$.jsx(En,{title:t,placement:"right-start",styles:{color:ce("white")},style:{height:"16px"},children:$.jsx(yy,{})})]}),by=ge.div`
|
|
402
|
+
width: 30px;
|
|
403
|
+
overflow: hidden;
|
|
404
|
+
`,Ey=ge.svg.attrs({viewBox:"0 0 1 1",preserveAspectRatio:"none"})`
|
|
405
|
+
height: calc(100% + 5px);
|
|
406
|
+
width: calc(100% + 2px);
|
|
407
|
+
stroke-width: 0.018;
|
|
408
|
+
margin-top: -2px;
|
|
409
|
+
margin-left: -2px;
|
|
410
|
+
fill: ${({fill:e})=>e};
|
|
411
|
+
stroke: ${({stroke:e})=>e};
|
|
412
|
+
`,wy=({fill:e,stroke:t,style:r,onClick:n})=>$.jsx(by,{onClick:n,children:$.jsx(Ey,{fill:e,stroke:t,style:r,children:$.jsx("path",{d:"M 0 0 L 0.84 0.42 Q 0.92 0.5 0.84 0.58 L 0 1 Z"})})});class mo{constructor(){ot(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 mo}static use(){const t=Lu(mo.create).current,[r,n]=T.useState(!1);return t.shouldMount=r,t.setShouldMount=n,T.useEffect(t.mountEffect,[r]),t}mount(){return this.mounted||(this.mounted=xy(),this.shouldMount=!0,this.setShouldMount(this.shouldMount)),this.mounted}start(...t){this.mount().then(()=>{var r;return(r=this.ref.current)==null?void 0:r.start(...t)})}stop(...t){this.mount().then(()=>{var r;return(r=this.ref.current)==null?void 0:r.stop(...t)})}pulsate(...t){this.mount().then(()=>{var r;return(r=this.ref.current)==null?void 0:r.pulsate(...t)})}}function Sy(){return mo.use()}function xy(){let e,t;const r=new Promise((n,o)=>{e=n,t=o});return r.resolve=e,r.reject=t,r}function wf(e){const{className:t,classes:r,pulsate:n=!1,rippleX:o,rippleY:i,rippleSize:a,in:c,onExited:l,timeout:f}=e,[d,h]=T.useState(!1),m=Se(t,r.ripple,r.rippleVisible,n&&r.ripplePulsate),g={width:a,height:a,top:-(a/2)+i,left:-(a/2)+o},v=Se(r.child,d&&r.childLeaving,n&&r.childPulsate);return!c&&!d&&h(!0),T.useEffect(()=>{if(!c&&l!=null){const u=setTimeout(l,f);return()=>{clearTimeout(u)}}},[l,c,f]),$.jsx("span",{className:m,style:g,children:$.jsx("span",{className:v})})}process.env.NODE_ENV!=="production"&&(wf.propTypes={classes:s.object.isRequired,className:s.string,in:s.bool,onExited:s.func,pulsate:s.bool,rippleSize:s.number,rippleX:s.number,rippleY:s.number,timeout:s.number.isRequired});const vt=Tt("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Oa=550,Cy=80,Ty=za`
|
|
402
413
|
0% {
|
|
403
414
|
transform: scale(0);
|
|
404
415
|
opacity: 0.1;
|
|
@@ -408,7 +419,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
408
419
|
transform: scale(1);
|
|
409
420
|
opacity: 0.3;
|
|
410
421
|
}
|
|
411
|
-
`,
|
|
422
|
+
`,Ry=za`
|
|
412
423
|
0% {
|
|
413
424
|
opacity: 1;
|
|
414
425
|
}
|
|
@@ -416,7 +427,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
416
427
|
100% {
|
|
417
428
|
opacity: 0;
|
|
418
429
|
}
|
|
419
|
-
`,
|
|
430
|
+
`,Oy=za`
|
|
420
431
|
0% {
|
|
421
432
|
transform: scale(1);
|
|
422
433
|
}
|
|
@@ -428,14 +439,14 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
428
439
|
100% {
|
|
429
440
|
transform: scale(1);
|
|
430
441
|
}
|
|
431
|
-
`,
|
|
442
|
+
`,_y=Fe("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),Py=Fe(wf,{name:"MuiTouchRipple",slot:"Ripple"})`
|
|
432
443
|
opacity: 0;
|
|
433
444
|
position: absolute;
|
|
434
445
|
|
|
435
446
|
&.${vt.rippleVisible} {
|
|
436
447
|
opacity: 0.3;
|
|
437
448
|
transform: scale(1);
|
|
438
|
-
animation-name: ${
|
|
449
|
+
animation-name: ${Ty};
|
|
439
450
|
animation-duration: ${Oa}ms;
|
|
440
451
|
animation-timing-function: ${({theme:e})=>e.transitions.easing.easeInOut};
|
|
441
452
|
}
|
|
@@ -455,7 +466,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
455
466
|
|
|
456
467
|
& .${vt.childLeaving} {
|
|
457
468
|
opacity: 0;
|
|
458
|
-
animation-name: ${
|
|
469
|
+
animation-name: ${Ry};
|
|
459
470
|
animation-duration: ${Oa}ms;
|
|
460
471
|
animation-timing-function: ${({theme:e})=>e.transitions.easing.easeInOut};
|
|
461
472
|
}
|
|
@@ -465,13 +476,13 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
465
476
|
/* @noflip */
|
|
466
477
|
left: 0px;
|
|
467
478
|
top: 0;
|
|
468
|
-
animation-name: ${
|
|
479
|
+
animation-name: ${Oy};
|
|
469
480
|
animation-duration: 2500ms;
|
|
470
481
|
animation-timing-function: ${({theme:e})=>e.transitions.easing.easeInOut};
|
|
471
482
|
animation-iteration-count: infinite;
|
|
472
483
|
animation-delay: 200ms;
|
|
473
484
|
}
|
|
474
|
-
`,Sf=T.forwardRef(function(t,r){const n=Rt({props:t,name:"MuiTouchRipple"}),{center:o=!1,classes:i={},className:a,...c}=n,[l,f]=T.useState([]),d=T.useRef(0),h=T.useRef(null);T.useEffect(()=>{h.current&&(h.current(),h.current=null)},[l]);const m=T.useRef(!1),g=Ar(),v=T.useRef(null),u=T.useRef(null),S=T.useCallback(y=>{const{pulsate:w,rippleX:R,rippleY:O,rippleSize:B,cb:k}=y;f(p=>[...p,$.jsx(Ry,{classes:{ripple:Se(i.ripple,vt.ripple),rippleVisible:Se(i.rippleVisible,vt.rippleVisible),ripplePulsate:Se(i.ripplePulsate,vt.ripplePulsate),child:Se(i.child,vt.child),childLeaving:Se(i.childLeaving,vt.childLeaving),childPulsate:Se(i.childPulsate,vt.childPulsate)},timeout:Oa,pulsate:w,rippleX:R,rippleY:O,rippleSize:B},d.current)]),d.current+=1,h.current=k},[i]),C=T.useCallback((y={},w={},R=()=>{})=>{const{pulsate:O=!1,center:B=o||w.pulsate,fakeElement:k=!1}=w;if((y==null?void 0:y.type)==="mousedown"&&m.current){m.current=!1;return}(y==null?void 0:y.type)==="touchstart"&&(m.current=!0);const p=k?null:u.current,M=p?p.getBoundingClientRect():{width:0,height:0,left:0,top:0};let V,N,z;if(B||y===void 0||y.clientX===0&&y.clientY===0||!y.clientX&&!y.touches)V=Math.round(M.width/2),N=Math.round(M.height/2);else{const{clientX:I,clientY:L}=y.touches&&y.touches.length>0?y.touches[0]:y;V=Math.round(I-M.left),N=Math.round(L-M.top)}if(B)z=Math.sqrt((2*M.width**2+M.height**2)/3),z%2===0&&(z+=1);else{const I=Math.max(Math.abs((p?p.clientWidth:0)-V),V)*2+2,L=Math.max(Math.abs((p?p.clientHeight:0)-N),N)*2+2;z=Math.sqrt(I**2+L**2)}y!=null&&y.touches?v.current===null&&(v.current=()=>{S({pulsate:O,rippleX:V,rippleY:N,rippleSize:z,cb:R})},g.start(wy,()=>{v.current&&(v.current(),v.current=null)})):S({pulsate:O,rippleX:V,rippleY:N,rippleSize:z,cb:R})},[o,S,g]),x=T.useCallback(()=>{C({},{pulsate:!0})},[C]),E=T.useCallback((y,w)=>{if(g.clear(),(y==null?void 0:y.type)==="touchend"&&v.current){v.current(),v.current=null,g.start(0,()=>{E(y,w)});return}v.current=null,f(R=>R.length>0?R.slice(1):R),h.current=w},[g]);return T.useImperativeHandle(r,()=>({pulsate:x,start:C,stop:E}),[x,C,E]),$.jsx(Ty,{className:Se(vt.root,i.root,a),ref:u,...c,children:$.jsx(Za,{component:null,exit:!0,children:l})})});process.env.NODE_ENV!=="production"&&(Sf.propTypes={center:s.bool,classes:s.object,className:s.string});function Oy(e){return mt("MuiButtonBase",e)}const _y=Tt("MuiButtonBase",["root","disabled","focusVisible"]),Py=e=>{const{disabled:t,focusVisible:r,focusVisibleClassName:n,classes:o}=e,a=kt({root:["root",t&&"disabled",r&&"focusVisible"]},Oy,o);return r&&n&&(a.root+=` ${n}`),a},My=Fe("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(e,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"},[`&.${_y.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),is=T.forwardRef(function(t,r){const n=Rt({props:t,name:"MuiButtonBase"}),{action:o,centerRipple:i=!1,children:a,className:c,component:l="button",disabled:f=!1,disableRipple:d=!1,disableTouchRipple:h=!1,focusRipple:m=!1,focusVisibleClassName:g,LinkComponent:v="a",onBlur:u,onClick:S,onContextMenu:C,onDragLeave:x,onFocus:E,onFocusVisible:y,onKeyDown:w,onKeyUp:R,onMouseDown:O,onMouseLeave:B,onMouseUp:k,onTouchEnd:p,onTouchMove:M,onTouchStart:V,tabIndex:N=0,TouchRippleProps:z,touchRippleRef:I,type:L,...F}=n,re=T.useRef(null),Z=by(),_=lt(Z.ref,I),[j,W]=T.useState(!1);f&&j&&W(!1),T.useImperativeHandle(o,()=>({focusVisible:()=>{W(!0),re.current.focus()}}),[]);const J=Z.shouldMount&&!d&&!f;T.useEffect(()=>{j&&m&&!d&&Z.pulsate()},[d,m,j,Z]);const H=Gt(Z,"start",O,h),X=Gt(Z,"stop",C,h),Y=Gt(Z,"stop",x,h),Q=Gt(Z,"stop",k,h),K=Gt(Z,"stop",ie=>{j&&ie.preventDefault(),B&&B(ie)},h),ne=Gt(Z,"start",V,h),q=Gt(Z,"stop",p,h),oe=Gt(Z,"stop",M,h),A=Gt(Z,"stop",ie=>{so(ie.target)||W(!1),u&&u(ie)},!1),de=Mt(ie=>{re.current||(re.current=ie.currentTarget),so(ie.target)&&(W(!0),y&&y(ie)),E&&E(ie)}),xe=()=>{const ie=re.current;return l&&l!=="button"&&!(ie.tagName==="A"&&ie.href)},Ie=Mt(ie=>{m&&!ie.repeat&&j&&ie.key===" "&&Z.stop(ie,()=>{Z.start(ie)}),ie.target===ie.currentTarget&&xe()&&ie.key===" "&&ie.preventDefault(),w&&w(ie),ie.target===ie.currentTarget&&xe()&&ie.key==="Enter"&&!f&&(ie.preventDefault(),S&&S(ie))}),He=Mt(ie=>{m&&ie.key===" "&&j&&!ie.defaultPrevented&&Z.stop(ie,()=>{Z.pulsate(ie)}),R&&R(ie),S&&ie.target===ie.currentTarget&&xe()&&ie.key===" "&&!ie.defaultPrevented&&S(ie)});let Ce=l;Ce==="button"&&(F.href||F.to)&&(Ce=v);const Ne={};Ce==="button"?(Ne.type=L===void 0?"button":L,Ne.disabled=f):(!F.href&&!F.to&&(Ne.role="button"),f&&(Ne["aria-disabled"]=f));const qe=lt(r,re),Le={...n,centerRipple:i,component:l,disabled:f,disableRipple:d,disableTouchRipple:h,focusRipple:m,tabIndex:N,focusVisible:j},Pe=Py(Le);return $.jsxs(My,{as:Ce,className:Se(Pe.root,c),ownerState:Le,onBlur:A,onClick:S,onContextMenu:X,onFocus:de,onKeyDown:Ie,onKeyUp:He,onMouseDown:H,onMouseLeave:K,onMouseUp:Q,onDragLeave:Y,onTouchEnd:q,onTouchMove:oe,onTouchStart:ne,ref:qe,tabIndex:f?-1:N,type:L,...Ne,...F,children:[a,J?$.jsx(Sf,{ref:_,center:i,...z}):null]})});function Gt(e,t,r,n=!1){return Mt(o=>(r&&r(o),n||e[t](o),!0))}process.env.NODE_ENV!=="production"&&(is.propTypes={action:wn,centerRipple:s.bool,children:s.node,classes:s.object,className:s.string,component:xu,disabled:s.bool,disableRipple:s.bool,disableTouchRipple:s.bool,focusRipple:s.bool,focusVisibleClassName:s.string,href:s.any,LinkComponent:s.elementType,onBlur:s.func,onClick:s.func,onContextMenu:s.func,onDragLeave:s.func,onFocus:s.func,onFocusVisible:s.func,onKeyDown:s.func,onKeyUp:s.func,onMouseDown:s.func,onMouseLeave:s.func,onMouseUp:s.func,onTouchEnd:s.func,onTouchMove:s.func,onTouchStart:s.func,sx:s.oneOfType([s.arrayOf(s.oneOfType([s.func,s.object,s.bool])),s.func,s.object]),tabIndex:s.number,TouchRippleProps:s.object,touchRippleRef:s.oneOfType([s.func,s.shape({current:s.shape({pulsate:s.func.isRequired,start:s.func.isRequired,stop:s.func.isRequired})})]),type:s.oneOfType([s.oneOf(["button","reset","submit"]),s.string])});function Ay(e){return mt("MuiTab",e)}const it=Tt("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper","icon"]),$y=e=>{const{classes:t,textColor:r,fullWidth:n,wrapped:o,icon:i,label:a,selected:c,disabled:l}=e,f={root:["root",i&&a&&"labelIcon",`textColor${At(r)}`,n&&"fullWidth",o&&"wrapped",c&&"selected",l&&"disabled"],icon:["iconWrapper","icon"]};return kt(f,Ay,t)},ky=Fe(is,{name:"MuiTab",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.label&&r.icon&&t.labelIcon,t[`textColor${At(r.textColor)}`],r.fullWidth&&t.fullWidth,r.wrapped&&t.wrapped,{[`& .${it.iconWrapper}`]:t.iconWrapper},{[`& .${it.icon}`]:t.icon}]}})(Qt(({theme:e})=>({...e.typography.button,maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center",lineHeight:1.25,variants:[{props:({ownerState:t})=>t.label&&(t.iconPosition==="top"||t.iconPosition==="bottom"),style:{flexDirection:"column"}},{props:({ownerState:t})=>t.label&&t.iconPosition!=="top"&&t.iconPosition!=="bottom",style:{flexDirection:"row"}},{props:({ownerState:t})=>t.icon&&t.label,style:{minHeight:72,paddingTop:9,paddingBottom:9}},{props:({ownerState:t,iconPosition:r})=>t.icon&&t.label&&r==="top",style:{[`& > .${it.icon}`]:{marginBottom:6}}},{props:({ownerState:t,iconPosition:r})=>t.icon&&t.label&&r==="bottom",style:{[`& > .${it.icon}`]:{marginTop:6}}},{props:({ownerState:t,iconPosition:r})=>t.icon&&t.label&&r==="start",style:{[`& > .${it.icon}`]:{marginRight:e.spacing(1)}}},{props:({ownerState:t,iconPosition:r})=>t.icon&&t.label&&r==="end",style:{[`& > .${it.icon}`]:{marginLeft:e.spacing(1)}}},{props:{textColor:"inherit"},style:{color:"inherit",opacity:.6,[`&.${it.selected}`]:{opacity:1},[`&.${it.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity}}},{props:{textColor:"primary"},style:{color:(e.vars||e).palette.text.secondary,[`&.${it.selected}`]:{color:(e.vars||e).palette.primary.main},[`&.${it.disabled}`]:{color:(e.vars||e).palette.text.disabled}}},{props:{textColor:"secondary"},style:{color:(e.vars||e).palette.text.secondary,[`&.${it.selected}`]:{color:(e.vars||e).palette.secondary.main},[`&.${it.disabled}`]:{color:(e.vars||e).palette.text.disabled}}},{props:({ownerState:t})=>t.fullWidth,style:{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"}},{props:({ownerState:t})=>t.wrapped,style:{fontSize:e.typography.pxToRem(12)}}]}))),xf=T.forwardRef(function(t,r){const n=Rt({props:t,name:"MuiTab"}),{className:o,disabled:i=!1,disableFocusRipple:a=!1,fullWidth:c,icon:l,iconPosition:f="top",indicator:d,label:h,onChange:m,onClick:g,onFocus:v,selected:u,selectionFollowsFocus:S,textColor:C="inherit",value:x,wrapped:E=!1,...y}=n,w={...n,disabled:i,disableFocusRipple:a,selected:u,icon:!!l,iconPosition:f,label:!!h,fullWidth:c,textColor:C,wrapped:E},R=$y(w),O=l&&h&&T.isValidElement(l)?T.cloneElement(l,{className:Se(R.icon,l.props.className)}):l,B=p=>{!u&&m&&m(p,x),g&&g(p)},k=p=>{S&&!u&&m&&m(p,x),v&&v(p)};return $.jsxs(ky,{focusRipple:!a,className:Se(R.root,o),ref:r,role:"tab","aria-selected":u,disabled:i,onClick:B,onFocus:k,ownerState:w,tabIndex:u?0:-1,...y,children:[f==="top"||f==="start"?$.jsxs(T.Fragment,{children:[O,h]}):$.jsxs(T.Fragment,{children:[h,O]}),d]})});process.env.NODE_ENV!=="production"&&(xf.propTypes={children:km,classes:s.object,className:s.string,disabled:s.bool,disableFocusRipple:s.bool,disableRipple:s.bool,icon:s.oneOfType([s.element,s.string]),iconPosition:s.oneOf(["bottom","end","start","top"]),label:s.node,onChange:s.func,onClick:s.func,onFocus:s.func,sx:s.oneOfType([s.arrayOf(s.oneOfType([s.func,s.object,s.bool])),s.func,s.object]),value:s.any,wrapped:s.bool});var Wn={exports:{}},Oe={};/**
|
|
485
|
+
`,Sf=T.forwardRef(function(t,r){const n=Rt({props:t,name:"MuiTouchRipple"}),{center:o=!1,classes:i={},className:a,...c}=n,[l,f]=T.useState([]),d=T.useRef(0),h=T.useRef(null);T.useEffect(()=>{h.current&&(h.current(),h.current=null)},[l]);const m=T.useRef(!1),g=Ar(),v=T.useRef(null),u=T.useRef(null),S=T.useCallback(y=>{const{pulsate:w,rippleX:R,rippleY:O,rippleSize:B,cb:k}=y;f(p=>[...p,$.jsx(Py,{classes:{ripple:Se(i.ripple,vt.ripple),rippleVisible:Se(i.rippleVisible,vt.rippleVisible),ripplePulsate:Se(i.ripplePulsate,vt.ripplePulsate),child:Se(i.child,vt.child),childLeaving:Se(i.childLeaving,vt.childLeaving),childPulsate:Se(i.childPulsate,vt.childPulsate)},timeout:Oa,pulsate:w,rippleX:R,rippleY:O,rippleSize:B},d.current)]),d.current+=1,h.current=k},[i]),C=T.useCallback((y={},w={},R=()=>{})=>{const{pulsate:O=!1,center:B=o||w.pulsate,fakeElement:k=!1}=w;if((y==null?void 0:y.type)==="mousedown"&&m.current){m.current=!1;return}(y==null?void 0:y.type)==="touchstart"&&(m.current=!0);const p=k?null:u.current,M=p?p.getBoundingClientRect():{width:0,height:0,left:0,top:0};let V,N,z;if(B||y===void 0||y.clientX===0&&y.clientY===0||!y.clientX&&!y.touches)V=Math.round(M.width/2),N=Math.round(M.height/2);else{const{clientX:I,clientY:L}=y.touches&&y.touches.length>0?y.touches[0]:y;V=Math.round(I-M.left),N=Math.round(L-M.top)}if(B)z=Math.sqrt((2*M.width**2+M.height**2)/3),z%2===0&&(z+=1);else{const I=Math.max(Math.abs((p?p.clientWidth:0)-V),V)*2+2,L=Math.max(Math.abs((p?p.clientHeight:0)-N),N)*2+2;z=Math.sqrt(I**2+L**2)}y!=null&&y.touches?v.current===null&&(v.current=()=>{S({pulsate:O,rippleX:V,rippleY:N,rippleSize:z,cb:R})},g.start(Cy,()=>{v.current&&(v.current(),v.current=null)})):S({pulsate:O,rippleX:V,rippleY:N,rippleSize:z,cb:R})},[o,S,g]),x=T.useCallback(()=>{C({},{pulsate:!0})},[C]),E=T.useCallback((y,w)=>{if(g.clear(),(y==null?void 0:y.type)==="touchend"&&v.current){v.current(),v.current=null,g.start(0,()=>{E(y,w)});return}v.current=null,f(R=>R.length>0?R.slice(1):R),h.current=w},[g]);return T.useImperativeHandle(r,()=>({pulsate:x,start:C,stop:E}),[x,C,E]),$.jsx(_y,{className:Se(vt.root,i.root,a),ref:u,...c,children:$.jsx(Za,{component:null,exit:!0,children:l})})});process.env.NODE_ENV!=="production"&&(Sf.propTypes={center:s.bool,classes:s.object,className:s.string});function My(e){return mt("MuiButtonBase",e)}const Ay=Tt("MuiButtonBase",["root","disabled","focusVisible"]),$y=e=>{const{disabled:t,focusVisible:r,focusVisibleClassName:n,classes:o}=e,a=kt({root:["root",t&&"disabled",r&&"focusVisible"]},My,o);return r&&n&&(a.root+=` ${n}`),a},ky=Fe("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(e,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"},[`&.${Ay.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),is=T.forwardRef(function(t,r){const n=Rt({props:t,name:"MuiButtonBase"}),{action:o,centerRipple:i=!1,children:a,className:c,component:l="button",disabled:f=!1,disableRipple:d=!1,disableTouchRipple:h=!1,focusRipple:m=!1,focusVisibleClassName:g,LinkComponent:v="a",onBlur:u,onClick:S,onContextMenu:C,onDragLeave:x,onFocus:E,onFocusVisible:y,onKeyDown:w,onKeyUp:R,onMouseDown:O,onMouseLeave:B,onMouseUp:k,onTouchEnd:p,onTouchMove:M,onTouchStart:V,tabIndex:N=0,TouchRippleProps:z,touchRippleRef:I,type:L,...F}=n,re=T.useRef(null),Z=Sy(),_=lt(Z.ref,I),[j,W]=T.useState(!1);f&&j&&W(!1),T.useImperativeHandle(o,()=>({focusVisible:()=>{W(!0),re.current.focus()}}),[]);const J=Z.shouldMount&&!d&&!f;T.useEffect(()=>{j&&m&&!d&&Z.pulsate()},[d,m,j,Z]);const H=Gt(Z,"start",O,h),X=Gt(Z,"stop",C,h),Y=Gt(Z,"stop",x,h),Q=Gt(Z,"stop",k,h),K=Gt(Z,"stop",ie=>{j&&ie.preventDefault(),B&&B(ie)},h),ne=Gt(Z,"start",V,h),q=Gt(Z,"stop",p,h),oe=Gt(Z,"stop",M,h),A=Gt(Z,"stop",ie=>{so(ie.target)||W(!1),u&&u(ie)},!1),de=Mt(ie=>{re.current||(re.current=ie.currentTarget),so(ie.target)&&(W(!0),y&&y(ie)),E&&E(ie)}),xe=()=>{const ie=re.current;return l&&l!=="button"&&!(ie.tagName==="A"&&ie.href)},Ie=Mt(ie=>{m&&!ie.repeat&&j&&ie.key===" "&&Z.stop(ie,()=>{Z.start(ie)}),ie.target===ie.currentTarget&&xe()&&ie.key===" "&&ie.preventDefault(),w&&w(ie),ie.target===ie.currentTarget&&xe()&&ie.key==="Enter"&&!f&&(ie.preventDefault(),S&&S(ie))}),He=Mt(ie=>{m&&ie.key===" "&&j&&!ie.defaultPrevented&&Z.stop(ie,()=>{Z.pulsate(ie)}),R&&R(ie),S&&ie.target===ie.currentTarget&&xe()&&ie.key===" "&&!ie.defaultPrevented&&S(ie)});let Ce=l;Ce==="button"&&(F.href||F.to)&&(Ce=v);const Ne={};Ce==="button"?(Ne.type=L===void 0?"button":L,Ne.disabled=f):(!F.href&&!F.to&&(Ne.role="button"),f&&(Ne["aria-disabled"]=f));const qe=lt(r,re),Le={...n,centerRipple:i,component:l,disabled:f,disableRipple:d,disableTouchRipple:h,focusRipple:m,tabIndex:N,focusVisible:j},Pe=$y(Le);return $.jsxs(ky,{as:Ce,className:Se(Pe.root,c),ownerState:Le,onBlur:A,onClick:S,onContextMenu:X,onFocus:de,onKeyDown:Ie,onKeyUp:He,onMouseDown:H,onMouseLeave:K,onMouseUp:Q,onDragLeave:Y,onTouchEnd:q,onTouchMove:oe,onTouchStart:ne,ref:qe,tabIndex:f?-1:N,type:L,...Ne,...F,children:[a,J?$.jsx(Sf,{ref:_,center:i,...z}):null]})});function Gt(e,t,r,n=!1){return Mt(o=>(r&&r(o),n||e[t](o),!0))}process.env.NODE_ENV!=="production"&&(is.propTypes={action:wn,centerRipple:s.bool,children:s.node,classes:s.object,className:s.string,component:xu,disabled:s.bool,disableRipple:s.bool,disableTouchRipple:s.bool,focusRipple:s.bool,focusVisibleClassName:s.string,href:s.any,LinkComponent:s.elementType,onBlur:s.func,onClick:s.func,onContextMenu:s.func,onDragLeave:s.func,onFocus:s.func,onFocusVisible:s.func,onKeyDown:s.func,onKeyUp:s.func,onMouseDown:s.func,onMouseLeave:s.func,onMouseUp:s.func,onTouchEnd:s.func,onTouchMove:s.func,onTouchStart:s.func,sx:s.oneOfType([s.arrayOf(s.oneOfType([s.func,s.object,s.bool])),s.func,s.object]),tabIndex:s.number,TouchRippleProps:s.object,touchRippleRef:s.oneOfType([s.func,s.shape({current:s.shape({pulsate:s.func.isRequired,start:s.func.isRequired,stop:s.func.isRequired})})]),type:s.oneOfType([s.oneOf(["button","reset","submit"]),s.string])});function Ny(e){return mt("MuiTab",e)}const it=Tt("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper","icon"]),Iy=e=>{const{classes:t,textColor:r,fullWidth:n,wrapped:o,icon:i,label:a,selected:c,disabled:l}=e,f={root:["root",i&&a&&"labelIcon",`textColor${At(r)}`,n&&"fullWidth",o&&"wrapped",c&&"selected",l&&"disabled"],icon:["iconWrapper","icon"]};return kt(f,Ny,t)},jy=Fe(is,{name:"MuiTab",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.label&&r.icon&&t.labelIcon,t[`textColor${At(r.textColor)}`],r.fullWidth&&t.fullWidth,r.wrapped&&t.wrapped,{[`& .${it.iconWrapper}`]:t.iconWrapper},{[`& .${it.icon}`]:t.icon}]}})(Qt(({theme:e})=>({...e.typography.button,maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center",lineHeight:1.25,variants:[{props:({ownerState:t})=>t.label&&(t.iconPosition==="top"||t.iconPosition==="bottom"),style:{flexDirection:"column"}},{props:({ownerState:t})=>t.label&&t.iconPosition!=="top"&&t.iconPosition!=="bottom",style:{flexDirection:"row"}},{props:({ownerState:t})=>t.icon&&t.label,style:{minHeight:72,paddingTop:9,paddingBottom:9}},{props:({ownerState:t,iconPosition:r})=>t.icon&&t.label&&r==="top",style:{[`& > .${it.icon}`]:{marginBottom:6}}},{props:({ownerState:t,iconPosition:r})=>t.icon&&t.label&&r==="bottom",style:{[`& > .${it.icon}`]:{marginTop:6}}},{props:({ownerState:t,iconPosition:r})=>t.icon&&t.label&&r==="start",style:{[`& > .${it.icon}`]:{marginRight:e.spacing(1)}}},{props:({ownerState:t,iconPosition:r})=>t.icon&&t.label&&r==="end",style:{[`& > .${it.icon}`]:{marginLeft:e.spacing(1)}}},{props:{textColor:"inherit"},style:{color:"inherit",opacity:.6,[`&.${it.selected}`]:{opacity:1},[`&.${it.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity}}},{props:{textColor:"primary"},style:{color:(e.vars||e).palette.text.secondary,[`&.${it.selected}`]:{color:(e.vars||e).palette.primary.main},[`&.${it.disabled}`]:{color:(e.vars||e).palette.text.disabled}}},{props:{textColor:"secondary"},style:{color:(e.vars||e).palette.text.secondary,[`&.${it.selected}`]:{color:(e.vars||e).palette.secondary.main},[`&.${it.disabled}`]:{color:(e.vars||e).palette.text.disabled}}},{props:({ownerState:t})=>t.fullWidth,style:{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"}},{props:({ownerState:t})=>t.wrapped,style:{fontSize:e.typography.pxToRem(12)}}]}))),xf=T.forwardRef(function(t,r){const n=Rt({props:t,name:"MuiTab"}),{className:o,disabled:i=!1,disableFocusRipple:a=!1,fullWidth:c,icon:l,iconPosition:f="top",indicator:d,label:h,onChange:m,onClick:g,onFocus:v,selected:u,selectionFollowsFocus:S,textColor:C="inherit",value:x,wrapped:E=!1,...y}=n,w={...n,disabled:i,disableFocusRipple:a,selected:u,icon:!!l,iconPosition:f,label:!!h,fullWidth:c,textColor:C,wrapped:E},R=Iy(w),O=l&&h&&T.isValidElement(l)?T.cloneElement(l,{className:Se(R.icon,l.props.className)}):l,B=p=>{!u&&m&&m(p,x),g&&g(p)},k=p=>{S&&!u&&m&&m(p,x),v&&v(p)};return $.jsxs(jy,{focusRipple:!a,className:Se(R.root,o),ref:r,role:"tab","aria-selected":u,disabled:i,onClick:B,onFocus:k,ownerState:w,tabIndex:u?0:-1,...y,children:[f==="top"||f==="start"?$.jsxs(T.Fragment,{children:[O,h]}):$.jsxs(T.Fragment,{children:[h,O]}),d]})});process.env.NODE_ENV!=="production"&&(xf.propTypes={children:km,classes:s.object,className:s.string,disabled:s.bool,disableFocusRipple:s.bool,disableRipple:s.bool,icon:s.oneOfType([s.element,s.string]),iconPosition:s.oneOf(["bottom","end","start","top"]),label:s.node,onChange:s.func,onClick:s.func,onFocus:s.func,sx:s.oneOfType([s.arrayOf(s.oneOfType([s.func,s.object,s.bool])),s.func,s.object]),value:s.any,wrapped:s.bool});var Wn={exports:{}},Oe={};/**
|
|
475
486
|
* @license React
|
|
476
487
|
* react-is.production.js
|
|
477
488
|
*
|
|
@@ -479,7 +490,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
479
490
|
*
|
|
480
491
|
* This source code is licensed under the MIT license found in the
|
|
481
492
|
* LICENSE file in the root directory of this source tree.
|
|
482
|
-
*/var kl;function
|
|
493
|
+
*/var kl;function Ly(){if(kl)return Oe;kl=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),n=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),i=Symbol.for("react.consumer"),a=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),m=Symbol.for("react.offscreen"),g=Symbol.for("react.client.reference");function v(u){if(typeof u=="object"&&u!==null){var S=u.$$typeof;switch(S){case e:switch(u=u.type,u){case r:case o:case n:case l:case f:return u;default:switch(u=u&&u.$$typeof,u){case a:case c:case h:case d:return u;case i:return u;default:return S}}case t:return S}}}return Oe.ContextConsumer=i,Oe.ContextProvider=a,Oe.Element=e,Oe.ForwardRef=c,Oe.Fragment=r,Oe.Lazy=h,Oe.Memo=d,Oe.Portal=t,Oe.Profiler=o,Oe.StrictMode=n,Oe.Suspense=l,Oe.SuspenseList=f,Oe.isContextConsumer=function(u){return v(u)===i},Oe.isContextProvider=function(u){return v(u)===a},Oe.isElement=function(u){return typeof u=="object"&&u!==null&&u.$$typeof===e},Oe.isForwardRef=function(u){return v(u)===c},Oe.isFragment=function(u){return v(u)===r},Oe.isLazy=function(u){return v(u)===h},Oe.isMemo=function(u){return v(u)===d},Oe.isPortal=function(u){return v(u)===t},Oe.isProfiler=function(u){return v(u)===o},Oe.isStrictMode=function(u){return v(u)===n},Oe.isSuspense=function(u){return v(u)===l},Oe.isSuspenseList=function(u){return v(u)===f},Oe.isValidElementType=function(u){return typeof u=="string"||typeof u=="function"||u===r||u===o||u===n||u===l||u===f||u===m||typeof u=="object"&&u!==null&&(u.$$typeof===h||u.$$typeof===d||u.$$typeof===a||u.$$typeof===i||u.$$typeof===c||u.$$typeof===g||u.getModuleId!==void 0)},Oe.typeOf=v,Oe}var _e={};/**
|
|
483
494
|
* @license React
|
|
484
495
|
* react-is.development.js
|
|
485
496
|
*
|
|
@@ -487,10 +498,10 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
487
498
|
*
|
|
488
499
|
* This source code is licensed under the MIT license found in the
|
|
489
500
|
* LICENSE file in the root directory of this source tree.
|
|
490
|
-
*/var Nl;function Iy(){return Nl||(Nl=1,process.env.NODE_ENV!=="production"&&function(){function e(u){if(typeof u=="object"&&u!==null){var S=u.$$typeof;switch(S){case t:switch(u=u.type,u){case n:case i:case o:case f:case d:return u;default:switch(u=u&&u.$$typeof,u){case c:case l:case m:case h:return u;case a:return u;default:return S}}case r:return S}}}var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.consumer"),c=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),g=Symbol.for("react.offscreen"),v=Symbol.for("react.client.reference");_e.ContextConsumer=a,_e.ContextProvider=c,_e.Element=t,_e.ForwardRef=l,_e.Fragment=n,_e.Lazy=m,_e.Memo=h,_e.Portal=r,_e.Profiler=i,_e.StrictMode=o,_e.Suspense=f,_e.SuspenseList=d,_e.isContextConsumer=function(u){return e(u)===a},_e.isContextProvider=function(u){return e(u)===c},_e.isElement=function(u){return typeof u=="object"&&u!==null&&u.$$typeof===t},_e.isForwardRef=function(u){return e(u)===l},_e.isFragment=function(u){return e(u)===n},_e.isLazy=function(u){return e(u)===m},_e.isMemo=function(u){return e(u)===h},_e.isPortal=function(u){return e(u)===r},_e.isProfiler=function(u){return e(u)===i},_e.isStrictMode=function(u){return e(u)===o},_e.isSuspense=function(u){return e(u)===f},_e.isSuspenseList=function(u){return e(u)===d},_e.isValidElementType=function(u){return typeof u=="string"||typeof u=="function"||u===n||u===i||u===o||u===f||u===d||u===g||typeof u=="object"&&u!==null&&(u.$$typeof===m||u.$$typeof===h||u.$$typeof===c||u.$$typeof===a||u.$$typeof===l||u.$$typeof===v||u.getModuleId!==void 0)},_e.typeOf=e}()),_e}var Il;function jy(){return Il||(Il=1,process.env.NODE_ENV==="production"?Wn.exports=Ny():Wn.exports=Iy()),Wn.exports}var Ly=jy();function Dy(e){return(1+Math.sin(Math.PI*e-Math.PI/2))/2}function zy(e,t,r,n={},o=()=>{}){const{ease:i=Dy,duration:a=300}=n;let c=null;const l=t[e];let f=!1;const d=()=>{f=!0},h=m=>{if(f){o(new Error("Animation cancelled"));return}c===null&&(c=m);const g=Math.min(1,(m-c)/a);if(t[e]=i(g)*(r-l)+l,g>=1){requestAnimationFrame(()=>{o(null)});return}requestAnimationFrame(h)};return l===r?(o(new Error("Element already at target position")),d):(requestAnimationFrame(h),d)}const By={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function Cf(e){const{onChange:t,...r}=e,n=T.useRef(),o=T.useRef(null),i=()=>{n.current=o.current.offsetHeight-o.current.clientHeight};return Br(()=>{const a=Ya(()=>{const l=n.current;i(),l!==n.current&&t(n.current)}),c=ar(o.current);return c.addEventListener("resize",a),()=>{a.clear(),c.removeEventListener("resize",a)}},[t]),T.useEffect(()=>{i(),t(n.current)},[t]),$.jsx("div",{style:By,...r,ref:o})}process.env.NODE_ENV!=="production"&&(Cf.propTypes={onChange:s.func.isRequired});const Vy=ef($.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),Fy=ef($.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function Hy(e){return mt("MuiTabScrollButton",e)}const qy=Tt("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),Wy=e=>{const{classes:t,orientation:r,disabled:n}=e;return kt({root:["root",r,n&&"disabled"]},Hy,t)},Uy=Fe(is,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.orientation&&t[r.orientation]]}})({width:40,flexShrink:0,opacity:.8,[`&.${qy.disabled}`]:{opacity:0},variants:[{props:{orientation:"vertical"},style:{width:"100%",height:40,"& svg":{transform:"var(--TabScrollButton-svgRotate)"}}}]}),Tf=T.forwardRef(function(t,r){const n=Rt({props:t,name:"MuiTabScrollButton"}),{className:o,slots:i={},slotProps:a={},direction:c,orientation:l,disabled:f,...d}=n,h=Do(),m={isRtl:h,...n},g=Wy(m),v=i.StartScrollButtonIcon??Vy,u=i.EndScrollButtonIcon??Fy,S=hn({elementType:v,externalSlotProps:a.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m}),C=hn({elementType:u,externalSlotProps:a.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m});return $.jsx(Uy,{component:"div",className:Se(g.root,o),ref:r,role:null,ownerState:m,tabIndex:null,...d,style:{...d.style,...l==="vertical"&&{"--TabScrollButton-svgRotate":`rotate(${h?-90:90}deg)`}},children:c==="left"?$.jsx(v,{...S}):$.jsx(u,{...C})})});process.env.NODE_ENV!=="production"&&(Tf.propTypes={children:s.node,classes:s.object,className:s.string,direction:s.oneOf(["left","right"]).isRequired,disabled:s.bool,orientation:s.oneOf(["horizontal","vertical"]).isRequired,slotProps:s.shape({endScrollButtonIcon:s.oneOfType([s.func,s.object]),startScrollButtonIcon:s.oneOfType([s.func,s.object])}),slots:s.shape({EndScrollButtonIcon:s.elementType,StartScrollButtonIcon:s.elementType}),style:s.object,sx:s.oneOfType([s.arrayOf(s.oneOfType([s.func,s.object,s.bool])),s.func,s.object])});function Yy(e){return mt("MuiTabs",e)}const kr=Tt("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),jl=(e,t)=>e===t?e.firstChild:t&&t.nextElementSibling?t.nextElementSibling:e.firstChild,Ll=(e,t)=>e===t?e.lastChild:t&&t.previousElementSibling?t.previousElementSibling:e.lastChild,Un=(e,t,r)=>{let n=!1,o=r(e,t);for(;o;){if(o===e.firstChild){if(n)return;n=!0}const i=o.disabled||o.getAttribute("aria-disabled")==="true";if(!o.hasAttribute("tabindex")||i)o=r(e,o);else{o.focus();return}}},Gy=e=>{const{vertical:t,fixed:r,hideScrollbar:n,scrollableX:o,scrollableY:i,centered:a,scrollButtonsHideMobile:c,classes:l}=e;return kt({root:["root",t&&"vertical"],scroller:["scroller",r&&"fixed",n&&"hideScrollbar",o&&"scrollableX",i&&"scrollableY"],flexContainer:["flexContainer",t&&"flexContainerVertical",a&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",c&&"scrollButtonsHideMobile"],scrollableX:[o&&"scrollableX"],hideScrollbar:[n&&"hideScrollbar"]},Yy,l)},Ky=Fe("div",{name:"MuiTabs",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[{[`& .${kr.scrollButtons}`]:t.scrollButtons},{[`& .${kr.scrollButtons}`]:r.scrollButtonsHideMobile&&t.scrollButtonsHideMobile},t.root,r.vertical&&t.vertical]}})(Qt(({theme:e})=>({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex",variants:[{props:({ownerState:t})=>t.vertical,style:{flexDirection:"column"}},{props:({ownerState:t})=>t.scrollButtonsHideMobile,style:{[`& .${kr.scrollButtons}`]:{[e.breakpoints.down("sm")]:{display:"none"}}}}]}))),Zy=Fe("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.scroller,r.fixed&&t.fixed,r.hideScrollbar&&t.hideScrollbar,r.scrollableX&&t.scrollableX,r.scrollableY&&t.scrollableY]}})({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap",variants:[{props:({ownerState:e})=>e.fixed,style:{overflowX:"hidden",width:"100%"}},{props:({ownerState:e})=>e.hideScrollbar,style:{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}},{props:({ownerState:e})=>e.scrollableX,style:{overflowX:"auto",overflowY:"hidden"}},{props:({ownerState:e})=>e.scrollableY,style:{overflowY:"auto",overflowX:"hidden"}}]}),Xy=Fe("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.flexContainer,r.vertical&&t.flexContainerVertical,r.centered&&t.centered]}})({display:"flex",variants:[{props:({ownerState:e})=>e.vertical,style:{flexDirection:"column"}},{props:({ownerState:e})=>e.centered,style:{justifyContent:"center"}}]}),Jy=Fe("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(e,t)=>t.indicator})(Qt(({theme:e})=>({position:"absolute",height:2,bottom:0,width:"100%",transition:e.transitions.create(),variants:[{props:{indicatorColor:"primary"},style:{backgroundColor:(e.vars||e).palette.primary.main}},{props:{indicatorColor:"secondary"},style:{backgroundColor:(e.vars||e).palette.secondary.main}},{props:({ownerState:t})=>t.vertical,style:{height:"100%",width:2,right:0}}]}))),Qy=Fe(Cf)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Dl={};let zl=!1;const Rf=T.forwardRef(function(t,r){const n=Rt({props:t,name:"MuiTabs"}),o=Tn(),i=Do(),{"aria-label":a,"aria-labelledby":c,action:l,centered:f=!1,children:d,className:h,component:m="div",allowScrollButtonsMobile:g=!1,indicatorColor:v="primary",onChange:u,orientation:S="horizontal",ScrollButtonComponent:C=Tf,scrollButtons:x="auto",selectionFollowsFocus:E,slots:y={},slotProps:w={},TabIndicatorProps:R={},TabScrollButtonProps:O={},textColor:B="primary",value:k,variant:p="standard",visibleScrollbar:M=!1,...V}=n,N=p==="scrollable",z=S==="vertical",I=z?"scrollTop":"scrollLeft",L=z?"top":"left",F=z?"bottom":"right",re=z?"clientHeight":"clientWidth",Z=z?"height":"width",_={...n,component:m,allowScrollButtonsMobile:g,indicatorColor:v,orientation:S,vertical:z,scrollButtons:x,textColor:B,variant:p,visibleScrollbar:M,fixed:!N,hideScrollbar:N&&!M,scrollableX:N&&!z,scrollableY:N&&z,centered:f&&!N,scrollButtonsHideMobile:!g},j=Gy(_),W=hn({elementType:y.StartScrollButtonIcon,externalSlotProps:w.startScrollButtonIcon,ownerState:_}),J=hn({elementType:y.EndScrollButtonIcon,externalSlotProps:w.endScrollButtonIcon,ownerState:_});process.env.NODE_ENV!=="production"&&f&&N&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[H,X]=T.useState(!1),[Y,Q]=T.useState(Dl),[K,ne]=T.useState(!1),[q,oe]=T.useState(!1),[A,de]=T.useState(!1),[xe,Ie]=T.useState({overflow:"hidden",scrollbarWidth:0}),He=new Map,Ce=T.useRef(null),Ne=T.useRef(null),qe=()=>{const te=Ce.current;let ee;if(te){const fe=te.getBoundingClientRect();ee={clientWidth:te.clientWidth,scrollLeft:te.scrollLeft,scrollTop:te.scrollTop,scrollWidth:te.scrollWidth,top:fe.top,bottom:fe.bottom,left:fe.left,right:fe.right}}let pe;if(te&&k!==!1){const fe=Ne.current.children;if(fe.length>0){const we=fe[He.get(k)];process.env.NODE_ENV!=="production"&&(we||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${k}".`,He.keys?`You can provide one of the following values: ${Array.from(He.keys()).join(", ")}.`:null].join(`
|
|
501
|
+
*/var Nl;function Dy(){return Nl||(Nl=1,process.env.NODE_ENV!=="production"&&function(){function e(u){if(typeof u=="object"&&u!==null){var S=u.$$typeof;switch(S){case t:switch(u=u.type,u){case n:case i:case o:case f:case d:return u;default:switch(u=u&&u.$$typeof,u){case c:case l:case m:case h:return u;case a:return u;default:return S}}case r:return S}}}var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.consumer"),c=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),g=Symbol.for("react.offscreen"),v=Symbol.for("react.client.reference");_e.ContextConsumer=a,_e.ContextProvider=c,_e.Element=t,_e.ForwardRef=l,_e.Fragment=n,_e.Lazy=m,_e.Memo=h,_e.Portal=r,_e.Profiler=i,_e.StrictMode=o,_e.Suspense=f,_e.SuspenseList=d,_e.isContextConsumer=function(u){return e(u)===a},_e.isContextProvider=function(u){return e(u)===c},_e.isElement=function(u){return typeof u=="object"&&u!==null&&u.$$typeof===t},_e.isForwardRef=function(u){return e(u)===l},_e.isFragment=function(u){return e(u)===n},_e.isLazy=function(u){return e(u)===m},_e.isMemo=function(u){return e(u)===h},_e.isPortal=function(u){return e(u)===r},_e.isProfiler=function(u){return e(u)===i},_e.isStrictMode=function(u){return e(u)===o},_e.isSuspense=function(u){return e(u)===f},_e.isSuspenseList=function(u){return e(u)===d},_e.isValidElementType=function(u){return typeof u=="string"||typeof u=="function"||u===n||u===i||u===o||u===f||u===d||u===g||typeof u=="object"&&u!==null&&(u.$$typeof===m||u.$$typeof===h||u.$$typeof===c||u.$$typeof===a||u.$$typeof===l||u.$$typeof===v||u.getModuleId!==void 0)},_e.typeOf=e}()),_e}var Il;function zy(){return Il||(Il=1,process.env.NODE_ENV==="production"?Wn.exports=Ly():Wn.exports=Dy()),Wn.exports}var By=zy();function Vy(e){return(1+Math.sin(Math.PI*e-Math.PI/2))/2}function Fy(e,t,r,n={},o=()=>{}){const{ease:i=Vy,duration:a=300}=n;let c=null;const l=t[e];let f=!1;const d=()=>{f=!0},h=m=>{if(f){o(new Error("Animation cancelled"));return}c===null&&(c=m);const g=Math.min(1,(m-c)/a);if(t[e]=i(g)*(r-l)+l,g>=1){requestAnimationFrame(()=>{o(null)});return}requestAnimationFrame(h)};return l===r?(o(new Error("Element already at target position")),d):(requestAnimationFrame(h),d)}const Hy={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function Cf(e){const{onChange:t,...r}=e,n=T.useRef(),o=T.useRef(null),i=()=>{n.current=o.current.offsetHeight-o.current.clientHeight};return Br(()=>{const a=Ya(()=>{const l=n.current;i(),l!==n.current&&t(n.current)}),c=ar(o.current);return c.addEventListener("resize",a),()=>{a.clear(),c.removeEventListener("resize",a)}},[t]),T.useEffect(()=>{i(),t(n.current)},[t]),$.jsx("div",{style:Hy,...r,ref:o})}process.env.NODE_ENV!=="production"&&(Cf.propTypes={onChange:s.func.isRequired});const qy=ef($.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),Wy=ef($.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function Uy(e){return mt("MuiTabScrollButton",e)}const Yy=Tt("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),Gy=e=>{const{classes:t,orientation:r,disabled:n}=e;return kt({root:["root",r,n&&"disabled"]},Uy,t)},Ky=Fe(is,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.orientation&&t[r.orientation]]}})({width:40,flexShrink:0,opacity:.8,[`&.${Yy.disabled}`]:{opacity:0},variants:[{props:{orientation:"vertical"},style:{width:"100%",height:40,"& svg":{transform:"var(--TabScrollButton-svgRotate)"}}}]}),Tf=T.forwardRef(function(t,r){const n=Rt({props:t,name:"MuiTabScrollButton"}),{className:o,slots:i={},slotProps:a={},direction:c,orientation:l,disabled:f,...d}=n,h=Do(),m={isRtl:h,...n},g=Gy(m),v=i.StartScrollButtonIcon??qy,u=i.EndScrollButtonIcon??Wy,S=hn({elementType:v,externalSlotProps:a.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m}),C=hn({elementType:u,externalSlotProps:a.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m});return $.jsx(Ky,{component:"div",className:Se(g.root,o),ref:r,role:null,ownerState:m,tabIndex:null,...d,style:{...d.style,...l==="vertical"&&{"--TabScrollButton-svgRotate":`rotate(${h?-90:90}deg)`}},children:c==="left"?$.jsx(v,{...S}):$.jsx(u,{...C})})});process.env.NODE_ENV!=="production"&&(Tf.propTypes={children:s.node,classes:s.object,className:s.string,direction:s.oneOf(["left","right"]).isRequired,disabled:s.bool,orientation:s.oneOf(["horizontal","vertical"]).isRequired,slotProps:s.shape({endScrollButtonIcon:s.oneOfType([s.func,s.object]),startScrollButtonIcon:s.oneOfType([s.func,s.object])}),slots:s.shape({EndScrollButtonIcon:s.elementType,StartScrollButtonIcon:s.elementType}),style:s.object,sx:s.oneOfType([s.arrayOf(s.oneOfType([s.func,s.object,s.bool])),s.func,s.object])});function Zy(e){return mt("MuiTabs",e)}const kr=Tt("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),jl=(e,t)=>e===t?e.firstChild:t&&t.nextElementSibling?t.nextElementSibling:e.firstChild,Ll=(e,t)=>e===t?e.lastChild:t&&t.previousElementSibling?t.previousElementSibling:e.lastChild,Un=(e,t,r)=>{let n=!1,o=r(e,t);for(;o;){if(o===e.firstChild){if(n)return;n=!0}const i=o.disabled||o.getAttribute("aria-disabled")==="true";if(!o.hasAttribute("tabindex")||i)o=r(e,o);else{o.focus();return}}},Xy=e=>{const{vertical:t,fixed:r,hideScrollbar:n,scrollableX:o,scrollableY:i,centered:a,scrollButtonsHideMobile:c,classes:l}=e;return kt({root:["root",t&&"vertical"],scroller:["scroller",r&&"fixed",n&&"hideScrollbar",o&&"scrollableX",i&&"scrollableY"],flexContainer:["flexContainer",t&&"flexContainerVertical",a&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",c&&"scrollButtonsHideMobile"],scrollableX:[o&&"scrollableX"],hideScrollbar:[n&&"hideScrollbar"]},Zy,l)},Jy=Fe("div",{name:"MuiTabs",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[{[`& .${kr.scrollButtons}`]:t.scrollButtons},{[`& .${kr.scrollButtons}`]:r.scrollButtonsHideMobile&&t.scrollButtonsHideMobile},t.root,r.vertical&&t.vertical]}})(Qt(({theme:e})=>({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex",variants:[{props:({ownerState:t})=>t.vertical,style:{flexDirection:"column"}},{props:({ownerState:t})=>t.scrollButtonsHideMobile,style:{[`& .${kr.scrollButtons}`]:{[e.breakpoints.down("sm")]:{display:"none"}}}}]}))),Qy=Fe("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.scroller,r.fixed&&t.fixed,r.hideScrollbar&&t.hideScrollbar,r.scrollableX&&t.scrollableX,r.scrollableY&&t.scrollableY]}})({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap",variants:[{props:({ownerState:e})=>e.fixed,style:{overflowX:"hidden",width:"100%"}},{props:({ownerState:e})=>e.hideScrollbar,style:{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}},{props:({ownerState:e})=>e.scrollableX,style:{overflowX:"auto",overflowY:"hidden"}},{props:({ownerState:e})=>e.scrollableY,style:{overflowY:"auto",overflowX:"hidden"}}]}),eb=Fe("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.flexContainer,r.vertical&&t.flexContainerVertical,r.centered&&t.centered]}})({display:"flex",variants:[{props:({ownerState:e})=>e.vertical,style:{flexDirection:"column"}},{props:({ownerState:e})=>e.centered,style:{justifyContent:"center"}}]}),tb=Fe("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(e,t)=>t.indicator})(Qt(({theme:e})=>({position:"absolute",height:2,bottom:0,width:"100%",transition:e.transitions.create(),variants:[{props:{indicatorColor:"primary"},style:{backgroundColor:(e.vars||e).palette.primary.main}},{props:{indicatorColor:"secondary"},style:{backgroundColor:(e.vars||e).palette.secondary.main}},{props:({ownerState:t})=>t.vertical,style:{height:"100%",width:2,right:0}}]}))),rb=Fe(Cf)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Dl={};let zl=!1;const Rf=T.forwardRef(function(t,r){const n=Rt({props:t,name:"MuiTabs"}),o=Tn(),i=Do(),{"aria-label":a,"aria-labelledby":c,action:l,centered:f=!1,children:d,className:h,component:m="div",allowScrollButtonsMobile:g=!1,indicatorColor:v="primary",onChange:u,orientation:S="horizontal",ScrollButtonComponent:C=Tf,scrollButtons:x="auto",selectionFollowsFocus:E,slots:y={},slotProps:w={},TabIndicatorProps:R={},TabScrollButtonProps:O={},textColor:B="primary",value:k,variant:p="standard",visibleScrollbar:M=!1,...V}=n,N=p==="scrollable",z=S==="vertical",I=z?"scrollTop":"scrollLeft",L=z?"top":"left",F=z?"bottom":"right",re=z?"clientHeight":"clientWidth",Z=z?"height":"width",_={...n,component:m,allowScrollButtonsMobile:g,indicatorColor:v,orientation:S,vertical:z,scrollButtons:x,textColor:B,variant:p,visibleScrollbar:M,fixed:!N,hideScrollbar:N&&!M,scrollableX:N&&!z,scrollableY:N&&z,centered:f&&!N,scrollButtonsHideMobile:!g},j=Xy(_),W=hn({elementType:y.StartScrollButtonIcon,externalSlotProps:w.startScrollButtonIcon,ownerState:_}),J=hn({elementType:y.EndScrollButtonIcon,externalSlotProps:w.endScrollButtonIcon,ownerState:_});process.env.NODE_ENV!=="production"&&f&&N&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[H,X]=T.useState(!1),[Y,Q]=T.useState(Dl),[K,ne]=T.useState(!1),[q,oe]=T.useState(!1),[A,de]=T.useState(!1),[xe,Ie]=T.useState({overflow:"hidden",scrollbarWidth:0}),He=new Map,Ce=T.useRef(null),Ne=T.useRef(null),qe=()=>{const te=Ce.current;let ee;if(te){const fe=te.getBoundingClientRect();ee={clientWidth:te.clientWidth,scrollLeft:te.scrollLeft,scrollTop:te.scrollTop,scrollWidth:te.scrollWidth,top:fe.top,bottom:fe.bottom,left:fe.left,right:fe.right}}let pe;if(te&&k!==!1){const fe=Ne.current.children;if(fe.length>0){const we=fe[He.get(k)];process.env.NODE_ENV!=="production"&&(we||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${k}".`,He.keys?`You can provide one of the following values: ${Array.from(He.keys()).join(", ")}.`:null].join(`
|
|
491
502
|
`))),pe=we?we.getBoundingClientRect():null,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&!zl&&pe&&pe.width===0&&pe.height===0&&ee.clientWidth!==0&&(ee=null,console.error(["MUI: The `value` provided to the Tabs component is invalid.",`The Tab with this \`value\` ("${k}") is not part of the document layout.`,"Make sure the tab item is present in the document or that it's not `display: none`."].join(`
|
|
492
|
-
`)),zl=!0)}}return{tabsMeta:ee,tabMeta:pe}},Le=Mt(()=>{const{tabsMeta:te,tabMeta:ee}=qe();let pe=0,fe;z?(fe="top",ee&&te&&(pe=ee.top-te.top+te.scrollTop)):(fe=i?"right":"left",ee&&te&&(pe=(i?-1:1)*(ee[fe]-te[fe]+te.scrollLeft)));const we={[fe]:pe,[Z]:ee?ee[Z]:0};if(typeof Y[fe]!="number"||typeof Y[Z]!="number")Q(we);else{const Qe=Math.abs(Y[fe]-we[fe]),Je=Math.abs(Y[Z]-we[Z]);(Qe>=1||Je>=1)&&Q(we)}}),Pe=(te,{animation:ee=!0}={})=>{ee?
|
|
493
|
-
`));const ee=te.props.value===void 0?We:te.props.value;He.set(ee,We);const pe=ee===k;return We+=1,T.cloneElement(te,{fullWidth:p==="fullWidth",indicator:pe&&!H&&Wt,selected:pe,selectionFollowsFocus:E,onChange:u,textColor:B,value:ee,...We===1&&k===!1&&!te.props.tabIndex?{tabIndex:0}:{}})}),Ot=te=>{const ee=Ne.current,pe=wt(ee).activeElement;if(pe.getAttribute("role")!=="tab")return;let we=S==="horizontal"?"ArrowLeft":"ArrowUp",Qe=S==="horizontal"?"ArrowRight":"ArrowDown";switch(S==="horizontal"&&i&&(we="ArrowRight",Qe="ArrowLeft"),te.key){case we:te.preventDefault(),Un(ee,pe,Ll);break;case Qe:te.preventDefault(),Un(ee,pe,jl);break;case"Home":te.preventDefault(),Un(ee,null,jl);break;case"End":te.preventDefault(),Un(ee,null,Ll);break}},Xe=tt();return $.jsxs(
|
|
503
|
+
`)),zl=!0)}}return{tabsMeta:ee,tabMeta:pe}},Le=Mt(()=>{const{tabsMeta:te,tabMeta:ee}=qe();let pe=0,fe;z?(fe="top",ee&&te&&(pe=ee.top-te.top+te.scrollTop)):(fe=i?"right":"left",ee&&te&&(pe=(i?-1:1)*(ee[fe]-te[fe]+te.scrollLeft)));const we={[fe]:pe,[Z]:ee?ee[Z]:0};if(typeof Y[fe]!="number"||typeof Y[Z]!="number")Q(we);else{const Qe=Math.abs(Y[fe]-we[fe]),Je=Math.abs(Y[Z]-we[Z]);(Qe>=1||Je>=1)&&Q(we)}}),Pe=(te,{animation:ee=!0}={})=>{ee?Fy(I,Ce.current,te,{duration:o.transitions.duration.standard}):Ce.current[I]=te},ie=te=>{let ee=Ce.current[I];z?ee+=te:ee+=te*(i?-1:1),Pe(ee)},Nt=()=>{const te=Ce.current[re];let ee=0;const pe=Array.from(Ne.current.children);for(let fe=0;fe<pe.length;fe+=1){const we=pe[fe];if(ee+we[re]>te){fe===0&&(ee=te);break}ee+=we[re]}return ee},Vt=()=>{ie(-1*Nt())},Ft=()=>{ie(Nt())},Ht=T.useCallback(te=>{Ie({overflow:null,scrollbarWidth:te})},[]),tt=()=>{const te={};te.scrollbarSizeListener=N?$.jsx(rb,{onChange:Ht,className:Se(j.scrollableX,j.hideScrollbar)}):null;const pe=N&&(x==="auto"&&(K||q)||x===!0);return te.scrollButtonStart=pe?$.jsx(C,{slots:{StartScrollButtonIcon:y.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:W},orientation:S,direction:i?"right":"left",onClick:Vt,disabled:!K,...O,className:Se(j.scrollButtons,O.className)}):null,te.scrollButtonEnd=pe?$.jsx(C,{slots:{EndScrollButtonIcon:y.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:J},orientation:S,direction:i?"left":"right",onClick:Ft,disabled:!q,...O,className:Se(j.scrollButtons,O.className)}):null,te},qt=Mt(te=>{const{tabsMeta:ee,tabMeta:pe}=qe();if(!(!pe||!ee)){if(pe[L]<ee[L]){const fe=ee[I]+(pe[L]-ee[L]);Pe(fe,{animation:te})}else if(pe[F]>ee[F]){const fe=ee[I]+(pe[F]-ee[F]);Pe(fe,{animation:te})}}}),ut=Mt(()=>{N&&x!==!1&&de(!A)});T.useEffect(()=>{const te=Ya(()=>{Ce.current&&Le()});let ee;const pe=Qe=>{Qe.forEach(Je=>{Je.removedNodes.forEach(_t=>{ee==null||ee.unobserve(_t)}),Je.addedNodes.forEach(_t=>{ee==null||ee.observe(_t)})}),te(),ut()},fe=ar(Ce.current);fe.addEventListener("resize",te);let we;return typeof ResizeObserver<"u"&&(ee=new ResizeObserver(te),Array.from(Ne.current.children).forEach(Qe=>{ee.observe(Qe)})),typeof MutationObserver<"u"&&(we=new MutationObserver(pe),we.observe(Ne.current,{childList:!0})),()=>{te.clear(),fe.removeEventListener("resize",te),we==null||we.disconnect(),ee==null||ee.disconnect()}},[Le,ut]),T.useEffect(()=>{const te=Array.from(Ne.current.children),ee=te.length;if(typeof IntersectionObserver<"u"&&ee>0&&N&&x!==!1){const pe=te[0],fe=te[ee-1],we={root:Ce.current,threshold:.99},Qe=tr=>{ne(!tr[0].isIntersecting)},Je=new IntersectionObserver(Qe,we);Je.observe(pe);const _t=tr=>{oe(!tr[0].isIntersecting)},er=new IntersectionObserver(_t,we);return er.observe(fe),()=>{Je.disconnect(),er.disconnect()}}},[N,x,A,d==null?void 0:d.length]),T.useEffect(()=>{X(!0)},[]),T.useEffect(()=>{Le()}),T.useEffect(()=>{qt(Dl!==Y)},[qt,Y]),T.useImperativeHandle(l,()=>({updateIndicator:Le,updateScrollButtons:ut}),[Le,ut]);const Wt=$.jsx(tb,{...R,className:Se(j.indicator,R.className),ownerState:_,style:{...Y,...R.style}});let We=0;const Ut=T.Children.map(d,te=>{if(!T.isValidElement(te))return null;process.env.NODE_ENV!=="production"&&By.isFragment(te)&&console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.","Consider providing an array instead."].join(`
|
|
504
|
+
`));const ee=te.props.value===void 0?We:te.props.value;He.set(ee,We);const pe=ee===k;return We+=1,T.cloneElement(te,{fullWidth:p==="fullWidth",indicator:pe&&!H&&Wt,selected:pe,selectionFollowsFocus:E,onChange:u,textColor:B,value:ee,...We===1&&k===!1&&!te.props.tabIndex?{tabIndex:0}:{}})}),Ot=te=>{const ee=Ne.current,pe=wt(ee).activeElement;if(pe.getAttribute("role")!=="tab")return;let we=S==="horizontal"?"ArrowLeft":"ArrowUp",Qe=S==="horizontal"?"ArrowRight":"ArrowDown";switch(S==="horizontal"&&i&&(we="ArrowRight",Qe="ArrowLeft"),te.key){case we:te.preventDefault(),Un(ee,pe,Ll);break;case Qe:te.preventDefault(),Un(ee,pe,jl);break;case"Home":te.preventDefault(),Un(ee,null,jl);break;case"End":te.preventDefault(),Un(ee,null,Ll);break}},Xe=tt();return $.jsxs(Jy,{className:Se(j.root,h),ownerState:_,ref:r,as:m,...V,children:[Xe.scrollButtonStart,Xe.scrollbarSizeListener,$.jsxs(Qy,{className:j.scroller,ownerState:_,style:{overflow:xe.overflow,[z?`margin${i?"Left":"Right"}`:"marginBottom"]:M?void 0:-xe.scrollbarWidth},ref:Ce,children:[$.jsx(eb,{"aria-label":a,"aria-labelledby":c,"aria-orientation":S==="vertical"?"vertical":null,className:j.flexContainer,ownerState:_,onKeyDown:Ot,ref:Ne,role:"tablist",children:Ut}),H&&Wt]}),Xe.scrollButtonEnd]})});process.env.NODE_ENV!=="production"&&(Rf.propTypes={action:wn,allowScrollButtonsMobile:s.bool,"aria-label":s.string,"aria-labelledby":s.string,centered:s.bool,children:s.node,classes:s.object,className:s.string,component:s.elementType,indicatorColor:s.oneOfType([s.oneOf(["primary","secondary"]),s.string]),onChange:s.func,orientation:s.oneOf(["horizontal","vertical"]),ScrollButtonComponent:s.elementType,scrollButtons:s.oneOf(["auto",!1,!0]),selectionFollowsFocus:s.bool,slotProps:s.shape({endScrollButtonIcon:s.oneOfType([s.func,s.object]),startScrollButtonIcon:s.oneOfType([s.func,s.object])}),slots:s.shape({EndScrollButtonIcon:s.elementType,StartScrollButtonIcon:s.elementType}),sx:s.oneOfType([s.arrayOf(s.oneOfType([s.func,s.object,s.bool])),s.func,s.object]),TabIndicatorProps:s.object,TabScrollButtonProps:s.object,textColor:s.oneOf(["inherit","primary","secondary"]),value:s.any,variant:s.oneOf(["fullWidth","scrollable","standard"]),visibleScrollbar:s.bool});const nb=ge(Rf)`
|
|
494
505
|
&.${kr.root} {
|
|
495
506
|
height: 40px;
|
|
496
507
|
min-height: 40px;
|
|
@@ -508,7 +519,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
508
519
|
& .${kr.indicator} {
|
|
509
520
|
background-color: ${ce("purple.800")};
|
|
510
521
|
}
|
|
511
|
-
`,
|
|
522
|
+
`,ob=ge(xf)`
|
|
512
523
|
&.${it.root} {
|
|
513
524
|
min-width: auto;
|
|
514
525
|
color: ${ce("blue.950")};
|
|
@@ -525,28 +536,28 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
525
536
|
color: ${ce("purple.800")};
|
|
526
537
|
font-weight: 600;
|
|
527
538
|
}
|
|
528
|
-
`,
|
|
539
|
+
`,ib=({data:e,currentTabIndex:t,onTabClick:r=n=>null})=>{var n,o;return e.length===0?null:e.length===1?(n=e.at(0))==null?void 0:n.component:$.jsxs($.Fragment,{children:[$.jsx(nb,{value:t,variant:"scrollable",scrollButtons:!1,children:e.map(({label:i},a)=>$.jsx(ob,{label:i,onClick:()=>{r({index:a,label:i})}},i))}),(o=e.at(t))==null?void 0:o.component]})},ab=e=>{switch(e){case"error":return ce("red.500");case"warning":return ce("amber.400");case"success":return ce("green.600")}},Bl=e=>{switch(e){case"error":return ce("red.300");case"warning":return ce("amber.200");case"success":return ce("green.300")}},sb=e=>{switch(e){case"error":return ce("red.200");case"warning":return ce("amber.100");case"success":return ce("green.150")}},cb=ge.div`
|
|
529
540
|
display: flex;
|
|
530
541
|
align-items: center;
|
|
531
542
|
width: 100%;
|
|
532
543
|
padding-top: ${e=>e.noPadding?"":"42px"};
|
|
533
544
|
padding-bottom: ${e=>e.noPadding?"":"20px"};
|
|
534
|
-
`,
|
|
545
|
+
`,lb=ge.div`
|
|
535
546
|
display: flex;
|
|
536
547
|
align-items: center;
|
|
537
548
|
width: 100%;
|
|
538
|
-
background-color: ${e=>
|
|
549
|
+
background-color: ${e=>sb(e.type)};
|
|
539
550
|
color: ${e=>Bl(e.type)};
|
|
540
551
|
border: 1px solid ${e=>Bl(e.type)};
|
|
541
552
|
border-radius: 20px;
|
|
542
553
|
padding: 9px 15px 8px;
|
|
543
|
-
`,
|
|
554
|
+
`,ub=ge.div`
|
|
544
555
|
height: 13px;
|
|
545
556
|
width: 13px;
|
|
546
557
|
padding: 0px;
|
|
547
558
|
margin-right: 15px;
|
|
548
|
-
color: ${e=>
|
|
549
|
-
`,
|
|
559
|
+
color: ${e=>ab(e.type)};
|
|
560
|
+
`,fb=ge.label`
|
|
550
561
|
color: ${ce("blue.950")};
|
|
551
562
|
font-family: ${$t("roboto")};
|
|
552
563
|
font-size: 13px;
|
|
@@ -554,12 +565,12 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
554
565
|
line-height: 1.5;
|
|
555
566
|
white-space: pre-wrap;
|
|
556
567
|
${e=>e.fullWidth?"width: 100%;":""}
|
|
557
|
-
`,
|
|
568
|
+
`,db=ge.div`
|
|
558
569
|
display: flex;
|
|
559
570
|
justify-content: space-between;
|
|
560
571
|
align-items: flex-start;
|
|
561
572
|
gap: 1rem;
|
|
562
|
-
`,
|
|
573
|
+
`,pb={error:"error",success:"checkCircle",warning:"warning"},hb={error:"blue.950",success:"red.500",warning:"red.500"},mb=13,gb=e=>$.jsx(cb,{noPadding:e.noPadding,children:$.jsxs(lb,{type:e.type,children:[$.jsx(ub,{type:e.type,children:To(pb[e.type],mb)}),$.jsx(fb,{fullWidth:e.canClose,className:"translate",children:$.jsxs(db,{children:[e.alertDescription,e.canClose?$.jsx(hr,{icon:"close",buttonType:"borderless",iconColor:ce(hb[e.type]),noPadding:!0,noIconMargin:!0,onClick:e.onClose}):$.jsx($.Fragment,{})]})})]})}),vb=ht`
|
|
563
574
|
outline: none;
|
|
564
575
|
|
|
565
576
|
& textarea:focus,
|
|
@@ -570,20 +581,20 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
570
581
|
& *:focus {
|
|
571
582
|
outline: none;
|
|
572
583
|
}
|
|
573
|
-
`,
|
|
584
|
+
`,yb=(e,t,r)=>e||t?`border: 1px solid ${ce("slate.300")}`:`border: 1px solid ${ce(r?"red.500":"purple.800")}`,bb=ge.div`
|
|
574
585
|
display: flex;
|
|
575
586
|
flex-direction: column;
|
|
576
587
|
text-align: left;
|
|
577
588
|
font-family: ${$t("roboto")};
|
|
578
589
|
font-size: 16px;
|
|
579
590
|
position: relative;
|
|
580
|
-
${
|
|
581
|
-
`,
|
|
591
|
+
${vb}
|
|
592
|
+
`,Eb=ht`
|
|
582
593
|
&::-webkit-inner-spin-button,
|
|
583
594
|
&::-webkit-outer-spin-button {
|
|
584
595
|
opacity: 1;
|
|
585
596
|
}
|
|
586
|
-
`,
|
|
597
|
+
`,wb=ht`
|
|
587
598
|
&::-webkit-outer-spin-button,
|
|
588
599
|
&::-webkit-inner-spin-button {
|
|
589
600
|
-webkit-appearance: none;
|
|
@@ -592,7 +603,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
592
603
|
& {
|
|
593
604
|
-moz-appearance: textfield;
|
|
594
605
|
}
|
|
595
|
-
`,
|
|
606
|
+
`,Sb=ge.input`
|
|
596
607
|
max-width: 100%;
|
|
597
608
|
width: 100%;
|
|
598
609
|
height: 34px;
|
|
@@ -609,7 +620,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
609
620
|
|
|
610
621
|
&:hover,
|
|
611
622
|
&:focus {
|
|
612
|
-
${e=>
|
|
623
|
+
${e=>yb(e.readOnly,e.disabled,e.hasError)};
|
|
613
624
|
}
|
|
614
625
|
|
|
615
626
|
&::placeholder {
|
|
@@ -618,5 +629,5 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
|
|
|
618
629
|
font-style: ${e=>{var t;return((t=e.publicStyle)==null?void 0:t.fontStylePlaceholder)??"normal"}};
|
|
619
630
|
}
|
|
620
631
|
|
|
621
|
-
${e=>{if(e.type==="number")return e.removeArrows?
|
|
622
|
-
`,Of=ae.forwardRef((e,t)=>$.jsxs(
|
|
632
|
+
${e=>{if(e.type==="number")return e.removeArrows?wb:Eb}}
|
|
633
|
+
`,Of=ae.forwardRef((e,t)=>$.jsxs(bb,{children:[e.labelProps&&$.jsx(Ef,{...e.labelProps}),$.jsx(Sb,{className:"translate",ref:t,hasError:!!e.error,...e,...e.inputProps}),!!e.error&&$.jsx(bf,{error:e.error})]}));Of.displayName="Input";exports.Alert=gb;exports.ArrowHead=wy;exports.Button=hr;exports.Dropdown=cy;exports.ErrorMessage=bf;exports.IconComponent=zo;exports.Input=Of;exports.Label=Ef;exports.Link=sf;exports.Pagination=my;exports.Tabs=ib;exports.Tooltip=En;exports.getColor=ce;exports.getFont=$t;exports.getImageAssetUrl=ke;exports.getOpacity=Ul;exports.iconLoader=To;
|