@eliseubatista99/react-scaffold-core 0.1.24 → 0.1.25
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 +5 -5
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -94,4 +94,4 @@ Please change the parent <Route path="${k}"> to <Route path="${k==="/"?"*":`${k}
|
|
|
94
94
|
box-sizing: border-box;
|
|
95
95
|
position: relative;
|
|
96
96
|
}
|
|
97
|
-
`,Ya=e=>{const{containerStyles:t,pageStyles:r,children:o,allowScroll:i=!0,floatingContent:a}=e,{footer:l,header:f}=Ba(e);return G.jsxs(Ua,{
|
|
97
|
+
`,Ya=e=>{const{containerStyles:t,pageStyles:r,children:o,allowScroll:i=!0,floatingContent:a}=e,{footer:l,header:f}=Ba(e);return G.jsxs(Ua,{id:"page-container",styles:{...t},children:[f.visible&&G.jsx("div",{ref:f.ref,id:"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",{id:"page-layout",style:{width:"100%",overflow:"hidden",display:"flex",flexDirection:"column",boxSizing:"border-box",marginTop:`-${f.height}px`,marginBottom:`-${l.height}px`,padding:`${f.height}px 24px ${l.height}px 24px`},children:G.jsx("div",{style:{width:"100%",flex:1,minHeight:"fit-content",boxSizing:"border-box",overflowY:i?void 0:"hidden",...r},children:o})}),l.visible&&G.jsx("div",{ref:l.ref,id:"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
|
@@ -6184,7 +6184,7 @@ const fn = U.createContext({
|
|
|
6184
6184
|
return /* @__PURE__ */ G.jsxs(
|
|
6185
6185
|
Da,
|
|
6186
6186
|
{
|
|
6187
|
-
|
|
6187
|
+
id: "page-container",
|
|
6188
6188
|
styles: {
|
|
6189
6189
|
...t
|
|
6190
6190
|
},
|
|
@@ -6193,7 +6193,7 @@ const fn = U.createContext({
|
|
|
6193
6193
|
"div",
|
|
6194
6194
|
{
|
|
6195
6195
|
ref: f.ref,
|
|
6196
|
-
|
|
6196
|
+
id: "page-header",
|
|
6197
6197
|
style: {
|
|
6198
6198
|
width: "100%",
|
|
6199
6199
|
zIndex: 99,
|
|
@@ -6213,10 +6213,10 @@ const fn = U.createContext({
|
|
|
6213
6213
|
/* @__PURE__ */ G.jsx(
|
|
6214
6214
|
"div",
|
|
6215
6215
|
{
|
|
6216
|
-
|
|
6216
|
+
id: "page-layout",
|
|
6217
6217
|
style: {
|
|
6218
6218
|
width: "100%",
|
|
6219
|
-
|
|
6219
|
+
overflow: "hidden",
|
|
6220
6220
|
display: "flex",
|
|
6221
6221
|
flexDirection: "column",
|
|
6222
6222
|
boxSizing: "border-box",
|
|
@@ -6244,7 +6244,7 @@ const fn = U.createContext({
|
|
|
6244
6244
|
"div",
|
|
6245
6245
|
{
|
|
6246
6246
|
ref: l.ref,
|
|
6247
|
-
|
|
6247
|
+
id: "page-footer",
|
|
6248
6248
|
style: {
|
|
6249
6249
|
width: "100%",
|
|
6250
6250
|
zIndex: 99,
|
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.25",
|
|
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",
|