@eliseubatista99/react-scaffold-core 0.1.20 → 0.1.21
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/index.cjs.js +1 -1
- package/dist/index.es.js +2 -3
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -93,4 +93,4 @@ Please change the parent <Route path="${k}"> to <Route path="${k==="/"?"*":`${k}
|
|
|
93
93
|
box-sizing: border-box;
|
|
94
94
|
position: relative;
|
|
95
95
|
}
|
|
96
|
-
`,Ya=e=>{const{containerStyles:t,pageStyles:r,children:o,allowScroll:i=!0,floatingContent:a}=e,{footer:l,header:f,page:d}=Ba(e);return G.jsxs(Ua,{"data-testid":"page-container",styles:t,children:[f.visible&&G.jsx("div",{ref:f.ref,"data-testid":"page-header",style:{width:"100%",zIndex:99,position:f.visibility==="fixed"?"relative":"sticky",top:0,left:0,right:0,display:"flex",flexDirection:"row",height:"fit-content",boxSizing:"border-box",...f.styles},children:f.content}),G.jsx("div",{"data-testid":"page-layout",style:{minHeight:`calc(100% + ${d.extraHeight}px)`,width:"100%",overflowY:i?"auto":"hidden",display:"flex",flexDirection:"column",boxSizing:"border-box",top:`-${f.height}px`,bottom:`-${l.height}px`},children:G.jsx("div",{style:{width:"100%",flex:1,minHeight:"fit-content",
|
|
96
|
+
`,Ya=e=>{const{containerStyles:t,pageStyles:r,children:o,allowScroll:i=!0,floatingContent:a}=e,{footer:l,header:f,page:d}=Ba(e);return G.jsxs(Ua,{"data-testid":"page-container",styles:t,children:[f.visible&&G.jsx("div",{ref:f.ref,"data-testid":"page-header",style:{width:"100%",zIndex:99,position:f.visibility==="fixed"?"relative":"sticky",top:0,left:0,right:0,display:"flex",flexDirection:"row",height:"fit-content",boxSizing:"border-box",...f.styles},children:f.content}),G.jsx("div",{"data-testid":"page-layout",style:{minHeight:`calc(100% + ${d.extraHeight}px)`,width:"100%",overflowY:i?"auto":"hidden",display:"flex",flexDirection:"column",boxSizing:"border-box",top:`-${f.height}px`,bottom:`-${l.height}px`},children:G.jsx("div",{style:{width:"100%",flex:1,minHeight:"fit-content",padding:`${f.height}px 24px ${l.height}px 24px`,paddingBottom:"",boxSizing:"border-box",overflowY:i?void 0:"hidden",...r},children:o})}),l.visible&&G.jsx("div",{ref:l.ref,"data-testid":"page-footer",style:{width:"100%",zIndex:99,position:l.visibility==="fixed"?"relative":"sticky",bottom:0,left:0,right:0,display:"flex",flexDirection:"row",height:"fit-content",boxSizing:"border-box",...l.styles},children:l.content})]})},Va=({src:e,width:t="22",height:r="28",stroke:o,viewBox:i="0 0 22 28",fill:a="#000000",alt:l="",onClick:f,styles:d})=>G.jsx("div",{style:{width:"fit-content",height:"fit-content",display:"flex",alignItems:"center",justifyContent:"center",...d},onClick:()=>f?.(),children:G.jsx("svg",{width:t,height:r,viewBox:i,fill:a,stroke:o,xmlns:"http://www.w3.org/2000/svg",style:{display:"flex"},children:e})}),Xa=({id:e,children:t,styles:r,durationInSeconds:o=3})=>{const i=q.useRef(!1),{isItemVisible:a,hideItem:l}=et();return q.useEffect(()=>{const f=a(e);i.current!==f&&(i.current=f,f&&setTimeout(()=>l(e),o*1e3))},[i,a,l]),G.jsx(G.Fragment,{children:a(e)&&G.jsx("div",{style:{width:"100px",height:"40px",background:"#534a4aff",color:"#ffffff",position:"fixed",top:"10px",left:"50%",transform:"translateX(-50%)",zIndex:1e3,borderRadius:"20px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",border:"solid 3px #000000ff",...r},onClick:f=>{f.stopPropagation()},children:t})})},Ga=({overflowEllipsis:e,children:t,styles:r})=>G.jsx("p",{style:{fontFamily:"inherit",maxWidth:"100%",overflow:"hidden",whiteSpace:e?"nowrap":"normal",textOverflow:"ellipsis",fontSize:"16px",fontStyle:"normal",lineHeight:"normal",color:"#000000",...r},children:t});class Ka{static isScrollEnabled=()=>document.body.style.overflow==="unset"||document.body.style.overflow==="auto";static disableScroll=()=>{document.body.style.overflow="hidden"};static enableScroll=()=>{document.body.style.overflow="unset"}}class Ja{static getPascalCase=t=>t.replace(/\w+/g,function(r){return r[0].toUpperCase()+r.slice(1).toLowerCase()});static isEqual=(t,r,o=!0)=>o?t===r:t.toUpperCase()===r.toUpperCase()}exports.Button=xn;exports.Carousel=Qi;exports.Drawer=Aa;exports.FeedbackProvider=Ma;exports.Form=Ha;exports.Image=Na;exports.InputField=$a;exports.Loader=Wa;exports.Modal=qa;exports.NavigationProvider=La;exports.PageLayout=Ya;exports.ScrollHelper=Ka;exports.SvgImage=Va;exports.TextHelper=Ja;exports.TimeHelper=Ur;exports.Toast=Xa;exports.Typography=Ga;exports.defaultBreakpoints=Yr;exports.useDidMount=eo;exports.useDrag=Br;exports.useFeedback=et;exports.useFetch=to;exports.useIsTouchingParentElement=ro;exports.useNavigation=Da;exports.usePointer=qr;exports.useResponsive=no;exports.useTranslations=ao;
|
package/dist/index.es.js
CHANGED
|
@@ -6222,9 +6222,8 @@ const fn = U.createContext({
|
|
|
6222
6222
|
width: "100%",
|
|
6223
6223
|
flex: 1,
|
|
6224
6224
|
minHeight: "fit-content",
|
|
6225
|
-
|
|
6226
|
-
paddingBottom:
|
|
6227
|
-
padding: "12px 24px",
|
|
6225
|
+
padding: `${f.height}px 24px ${l.height}px 24px`,
|
|
6226
|
+
paddingBottom: "",
|
|
6228
6227
|
boxSizing: "border-box",
|
|
6229
6228
|
overflowY: i ? void 0 : "hidden",
|
|
6230
6229
|
...r
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eliseubatista99/react-scaffold-core",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.21",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A library which provides basic components, hooks, helpers and providers to easily build a React application and avoid repeating the usual code.",
|
|
6
6
|
"main": "dist/index.cjs.js",
|