@zydon/common 2.6.85 → 2.6.86
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.
|
@@ -11,11 +11,11 @@ import '../../chunk-4INDXVIX.js';
|
|
|
11
11
|
import '../../chunk-3APKMSVD.js';
|
|
12
12
|
import O from '@mui/material/IconButton';
|
|
13
13
|
import i from '@mui/material/Stack';
|
|
14
|
-
import
|
|
14
|
+
import l from '@mui/material/Typography';
|
|
15
15
|
import P from '@mui/material/Button';
|
|
16
16
|
import { styled } from '@mui/material/styles';
|
|
17
17
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
18
18
|
|
|
19
|
-
var
|
|
19
|
+
var u=styled(i)(({theme:t})=>({backgroundColor:t.palette.background.paper,maxWidth:300,flex:1,borderRight:`1px solid ${t.palette.divider}`,[t.breakpoints.down("md")]:{display:"none"}})),k=styled(i)({position:"sticky",top:"calc(var(--sticky-header-height, 64px))",height:"calc(100vh - var(--sticky-header-height, 64px))"}),y=styled(i)(({theme:t})=>({flex:1,width:"100%",maxWidth:"100%",[t.breakpoints.up("md")]:{"&.with-left-box":{maxWidth:"calc(100% - 300px)"}}})),C=styled(i)(({theme:t})=>({position:"sticky",top:"var(--sticky-header-height, 64px)",flexDirection:"row",alignItems:"center",backgroundColor:t.palette.background.paper,zIndex:t.zIndex.appBar,width:"100%",padding:"12px 24px",height:64,gap:12,[t.breakpoints.down("md")]:{padding:"14px 16px",gap:6},borderBottom:`1px solid ${t.palette.divider}`})),v=styled(P)(({theme:t})=>({height:50,background:"none",fontSize:13,fontWeight:400,justifyContent:"flex-start",padding:"12px 8px",color:t.palette.text.secondary,borderBottom:`1px dashed ${t.palette.divider}`,borderRadius:0,gap:4,"&:hover":{backgroundColor:"transparent"},"& .required":{color:t.palette.error.main}})),d=styled(i)(({theme:t})=>({flex:1,flexDirection:"row",alignItems:"center",gap:24,"&.header-left-content":{justifyContent:"flex-start",marginLeft:12},[t.breakpoints.down("md")]:{gap:8,flex:"initial","& button, & a":{display:"flex",textIndent:"-9999em",fontSize:0,minWidth:36,maxWidth:36,height:36,width:36,overflow:"hidden","& .MuiButton-icon":{margin:"auto"}},"&.header-left-content":{justifyContent:"flex-end",marginLeft:"auto",marginRight:-6,"& label":{marginRight:0},"& .MuiTypography-root":{display:"none"}}}})),w=styled(i)(({theme:t})=>({flex:1,width:"100%",padding:24,gap:24,alignItems:"center",overflow:"hidden",[t.breakpoints.down("md")]:{padding:"24px 16px"}})),p=styled(i)(({theme:t})=>({alignItems:"start",width:"100%",maxWidth:900,[t.breakpoints.down("md")]:{maxWidth:"100%"}})),T=styled(a)(({theme:t})=>({width:"100%",borderRadius:12,gap:12,[t.breakpoints.down("md")]:{padding:"24px 16px"}})),W=styled(l)(({theme:t})=>({color:t.palette.text.primary,fontSize:18,fontWeight:900})),I=styled(l)(({theme:t})=>({color:t.palette.text.secondary,fontSize:14,fontWeight:400,paddingBottom:24}));var j=({title:t,subtitle:c,children:B,sections:x,headerLeftContent:R,headerRightContent:z,showLeftContent:s=!0,onClickBack:H})=>(a$1(!0),jsxs(i,{direction:"row",flex:1,children:[s&&jsx(u,{id:"frame-skeleton-left-box",children:jsx(k,{children:jsx(a$2,{fillContent:!0,sx:{p:3},children:jsxs(i,{gap:1.5,children:[jsx(l,{variant:"overline",color:"text.disabled",fontWeight:700,pl:1,children:"ACESSO R\xC1PIDO"}),jsx(i,{children:x.map(o=>jsxs(v,{onClick:()=>{o.ref.current&&o.ref.current.scrollIntoView({block:"center",behavior:"smooth"});},children:[o.title,o.isRequired&&jsx("span",{className:"required",children:"*"})]},o.title))})]})})})}),jsxs(y,{className:s?"with-left-box":"",children:[jsxs(C,{children:[jsx(O,{color:"inherit",onClick:()=>H(),"data-testid":"backToPreviousPage","aria-label":"Voltar",children:jsx(a$3,{icon:"CHEVRON_LEFT"})}),jsxs(i,{overflow:"hidden",children:[jsx(l,{variant:"subtitle1",noWrap:!0,component:"div",children:t}),c&&jsx(l,{variant:"caption",color:"text.secondary",noWrap:!0,component:"div",children:c})]}),jsx(d,{className:"header-left-content",children:R}),jsx(d,{justifyContent:"flex-end",color:"text.secondary",children:z})]}),jsxs(w,{children:[jsx(p,{children:B}),x.map((o,L)=>{let m=o.id||`section-${L}`;return jsxs(p,{id:m,children:[o.title&&jsx(W,{ref:o.ref,children:o.title}),o.subTitle&&jsx(I,{children:o.subTitle}),jsx(T,{children:o.child})]},o.title||m)})]})]})]})),Q=j;
|
|
20
20
|
|
|
21
21
|
export { Q as default };
|