@zydon/common 2.3.99 → 2.4.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.
@@ -5,8 +5,8 @@ import a from '@mui/material/Stack';
5
5
  import { styled, alpha } from '@mui/material/styles';
6
6
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
7
7
 
8
- var m=60,p=styled(a)(({theme:t})=>({position:"sticky",width:"100%",minHeight:m,top:0,flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:"0 24px",gap:12,borderBottom:`1px solid ${alpha(t.palette.grey[500],.25)}`,backgroundColor:"#fff",zIndex:999,"& .logo svg":{width:24,height:24,color:t.palette.primary.main}})),o=styled(a)({flex:1,background:`linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
8
+ var m=60,p=styled(a)(({theme:t})=>({position:"sticky",width:"100%",minHeight:m,top:"var(--sticky-header-height, 64px)",flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:"0 24px",gap:12,borderBottom:`1px solid ${alpha(t.palette.grey[500],.12)}`,backgroundColor:"#fff",zIndex:999,"& .logo svg":{width:24,height:24,color:t.palette.primary.main}})),o=styled(a)({flex:1,background:`linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
9
9
  linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
10
- var(--dot-color)`});o.defaultProps={style:{"--dot-bg":"#F1F2FD","--dot-color":"#000","--dot-size":"1px","--dot-space":"56px"}};var f=({children:t,header:d,helpLink:s,configButton:c})=>jsxs(Fragment,{children:[jsxs(p,{children:[d,jsxs(a,{direction:"row",alignItems:"center",gap:2,children:[jsx(a$1,{link:s,children:"Ajuda"}),c]})]}),jsx(o,{children:t})]}),b=f;
10
+ var(--dot-color)`});o.defaultProps={style:{"--dot-bg":"#F1F2FD","--dot-color":"#000","--dot-size":"1px","--dot-space":"56px"}};var f=({children:t,header:n,helpLink:s,configButton:c})=>jsxs(Fragment,{children:[jsxs(p,{children:[n,jsxs(a,{direction:"row",alignItems:"center",gap:2,children:[jsx(a$1,{link:s,children:"Ajuda"}),c]})]}),jsx(o,{children:t})]}),k=f;
11
11
 
12
- export { b as default };
12
+ export { k as default };
@@ -4,14 +4,14 @@ import { a as a$2 } from '../../chunk-EYS4BKTI.js';
4
4
  import { a as a$1 } from '../../chunk-N2KD2OMT.js';
5
5
  import '../../chunk-5KGWKML6.js';
6
6
  import { b as b$1 } from '../../chunk-ILHUUK4X.js';
7
- import L from '@mui/material/Divider';
8
- import R from '@mui/material/IconButton';
7
+ import z from '@mui/material/Divider';
8
+ import D from '@mui/material/IconButton';
9
9
  import i from '@mui/material/Stack';
10
- import x from '@mui/material/Typography';
11
- import H from '@mui/material/Button';
12
- import { styled } from '@mui/material/styles';
10
+ import h from '@mui/material/Typography';
11
+ import L from '@mui/material/Button';
12
+ import { styled, alpha } from '@mui/material/styles';
13
13
  import { jsx, jsxs } from 'react/jsx-runtime';
14
14
 
15
- var b=styled(i)(({theme:t})=>({backgroundColor:"#fff",minWidth:"250px",padding:24,minHeight:"100vh",borderRight:`1px solid ${t.palette.grey[300]}`,[t.breakpoints.down("sm")]:{display:"none"}})),h=styled(i)(({theme:t})=>({backgroundColor:"#fff",position:"sticky",top:0,zIndex:999,width:"100%",padding:24,gap:24,borderBottom:`1px solid ${t.palette.grey[300]}`})),k=styled(i)({flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:24}),y=styled(i)(({theme:t})=>({height:"100%",width:"50%",flex:1,[t.breakpoints.down(1680)]:{width:"90%"}})),B=styled(x)(({theme:t})=>({color:t.palette.grey[800],fontSize:18,fontWeight:700})),u=styled(x)(({theme:t})=>({color:t.palette.grey[500],fontSize:14,fontWeight:400,paddingBottom:24})),w=styled(H)(({theme:t})=>({paddingTop:6,paddingBottom:6,paddingLeft:0,margin:0,marginBottom:4,marginTop:4,width:"100%",display:"block",cursor:"pointer",color:t.palette.grey[600],textAlign:"left",fontWeight:400,fontSize:14,"> span":{color:t.palette.error.main}})),T=styled(a)(()=>({height:1,"& .simplebar-content":{height:1}})),I=styled(i)(()=>({position:"fixed",width:"202px"})),W=styled(i)(({theme:t})=>({position:"fixed",bottom:0,left:0,width:"100%",height:112,padding:"12px 16px",backgroundColor:t.palette.background.paper,borderTop:`1px solid ${t.palette.grey[300]}`,boxShadow:"0 0 4px rgba(0, 0, 0, 0.1)",alignItems:"center",zIndex:800,[t.breakpoints.up("sm")]:{display:"none"}}));var z=({title:t,sections:d,headerLeftContent:v,headerRightContent:c,onClickBack:F})=>{let p=b$1("down","md");return jsx(i,{children:jsxs(i,{direction:"row",children:[jsx(b,{id:"frame-skeleton-left-box",children:jsx(T,{children:jsxs(I,{children:[jsx(x,{variant:"overline",color:"text.disabled",fontWeight:700,children:"ACESSO R\xC1PIDO"}),d.map((e,l)=>jsxs(i,{children:[jsxs(w,{onClick:()=>{e.ref.current&&e.ref.current.scrollIntoView({block:"start",behavior:"smooth"});},children:[e.title,e.isRequired&&jsx("span",{children:"*"})]}),l<d.length-1&&jsx(L,{})]},l))]})})}),jsxs(i,{width:"100%",alignItems:"center",mb:8,children:[jsx(h,{children:jsxs(k,{children:[jsx(i,{flexDirection:"row",gap:2,alignItems:"center",children:jsxs(i,{direction:p?"column":"row",spacing:2,children:[jsxs(i,{direction:"row",children:[jsx(R,{color:"primary",onClick:()=>F(),"aria-label":"Voltar para a tela anterior","data-testid":"backToPreviousPage",children:jsx(a$1,{icon:"CHEVRON_LEFT"})}),jsx(x,{variant:"h4",whiteSpace:"nowrap",children:t})]}),jsx(i,{alignItems:p?"flex-start":"center",justifyContent:"center",children:v})]})}),jsxs(i,{direction:"row",gap:2,alignItems:"center",minWidth:"max-content",children:[jsx(a$2,{sx:{display:{xs:"none",sm:"flex"}},disabled:!0}),p&&c?jsx(W,{children:c}):c]})]})}),jsx(y,{children:d.map((e,l)=>jsxs(i,{paddingTop:3,paddingBottom:p?10:2,alignItems:"start",width:"100%",id:`section-${l}`,children:[jsx(B,{ref:e.ref,children:e.title}),jsx(u,{children:e.subTitle}),jsx(a$3,{width:"100%",borderRadius:1,gap:1.5,padding:p?2:3,children:e.child})]},e.title))})]})]})})},Q=z;
15
+ var b=styled(i)(({theme:t})=>({backgroundColor:"#fff",minWidth:"250px",padding:24,minHeight:"calc(100vh - var(--sticky-header-height, 64px))",borderBottom:`1px solid ${alpha(t.palette.grey[500],.25)}`,[t.breakpoints.down("sm")]:{display:"none"}})),k=styled(i)(({theme:t})=>({backgroundColor:"#fff",position:"sticky",top:"var(--sticky-header-height, 64px)",zIndex:999,width:"100%",padding:24,gap:24,borderBottom:`1px solid ${alpha(t.palette.grey[500],.25)}`})),y=styled(i)({flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:24}),B=styled(i)(({theme:t})=>({height:"100%",width:"50%",flex:1,[t.breakpoints.down(1680)]:{width:"90%"}})),u=styled(h)(({theme:t})=>({color:t.palette.grey[800],fontSize:18,fontWeight:700})),w=styled(h)(({theme:t})=>({color:t.palette.grey[500],fontSize:14,fontWeight:400,paddingBottom:24})),T=styled(L)(({theme:t})=>({paddingTop:6,paddingBottom:6,paddingLeft:0,margin:0,marginBottom:4,marginTop:4,width:"100%",display:"block",cursor:"pointer",color:t.palette.grey[600],textAlign:"left",fontWeight:400,fontSize:14,"> span":{color:t.palette.error.main}})),I=styled(a)(()=>({height:1,"& .simplebar-content":{height:1}})),v=styled(i)(()=>({position:"fixed",width:"202px"})),W=styled(i)(({theme:t})=>({position:"fixed",bottom:0,left:0,width:"100%",height:112,padding:"12px 16px",backgroundColor:t.palette.background.paper,borderTop:`1px solid ${t.palette.grey[300]}`,boxShadow:"0 0 4px rgba(0, 0, 0, 0.1)",alignItems:"center",zIndex:800,[t.breakpoints.up("sm")]:{display:"none"}}));var P=({title:t,sections:d,headerLeftContent:F,headerRightContent:c,onClickBack:H})=>{let p=b$1("down","md");return jsx(i,{children:jsxs(i,{direction:"row",children:[jsx(b,{id:"frame-skeleton-left-box",children:jsx(I,{children:jsxs(v,{children:[jsx(h,{variant:"overline",color:"text.disabled",fontWeight:700,children:"ACESSO R\xC1PIDO"}),d.map((e,l)=>jsxs(i,{children:[jsxs(T,{onClick:()=>{e.ref.current&&e.ref.current.scrollIntoView({block:"start",behavior:"smooth"});},children:[e.title,e.isRequired&&jsx("span",{children:"*"})]}),l<d.length-1&&jsx(z,{})]},l))]})})}),jsxs(i,{width:"100%",alignItems:"center",mb:8,children:[jsx(k,{children:jsxs(y,{children:[jsx(i,{flexDirection:"row",gap:2,alignItems:"center",children:jsxs(i,{direction:p?"column":"row",spacing:2,children:[jsxs(i,{direction:"row",children:[jsx(D,{color:"primary",onClick:()=>H(),"aria-label":"Voltar para a tela anterior","data-testid":"backToPreviousPage",children:jsx(a$1,{icon:"CHEVRON_LEFT"})}),jsx(h,{variant:"h4",whiteSpace:"nowrap",children:t})]}),jsx(i,{alignItems:p?"flex-start":"center",justifyContent:"center",children:F})]})}),jsxs(i,{direction:"row",gap:2,alignItems:"center",minWidth:"max-content",children:[jsx(a$2,{sx:{display:{xs:"none",sm:"flex"}},disabled:!0}),p&&c?jsx(W,{children:c}):c]})]})}),jsx(B,{children:d.map((e,l)=>jsxs(i,{paddingTop:3,paddingBottom:p?10:2,alignItems:"start",width:"100%",id:`section-${l}`,children:[jsx(u,{ref:e.ref,children:e.title}),jsx(w,{children:e.subTitle}),jsx(a$3,{width:"100%",borderRadius:1,gap:1.5,padding:p?2:3,children:e.child})]},e.title))})]})]})})},U=P;
16
16
 
17
- export { Q as default };
17
+ export { U as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zydon/common",
3
- "version": "2.3.99",
3
+ "version": "2.4.0",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "module": "./dist/index.js",