@julseb-lib/react 0.0.2 → 0.0.3

package/dist/index.umd.js

@@ -3839,7 +3839,7 @@ React keys must be passed directly to JSX without using spread:
                         right: 0;
                     }
                 `;default:return null}}}
-`;_([V6,D6,T6]);const I9=n.forwardRef(({"data-testid":l,as:c,children:e,className:t,isOpen:h,setIsOpen:d,enableScrollingOpen:f,disableEsc:i,backgroundColor:r="primary",contentColor:o="background",linksColor:z="background",gap:p="s",width:v="30vw",zIndex:k=998,overlayColor:b="black-80",position:g="right",padding:A="l",...H},y)=>{n.useEffect(()=>{h&&!f?C.disableScroll():C.enableScroll()},[h]);const R=()=>{d(!1),C.enableScroll()};return J2("Escape",()=>{!i&&h&&R()}),a.jsxs(V6,{"data-testid":l,ref:y,as:c,className:O(t,{Open:h}),$zIndex:k,...H,children:[a.jsx(D6,{"data-testid":l&&`${l}.Overlay`,onClick:R,className:O({DrawerOverlay:t},{Open:h}),$overlayColor:b}),a.jsx(T6,{"data-testid":l&&`${l}.Content`,className:O({DrawerContent:t},{Open:h}),$gap:p,$backgroundColor:r,$contentColor:o,$linksColor:z,$width:v,$position:g,$padding:A,children:e})]})});function N9({children:l,isLoading:c,pageLoading:e,titleLoading:t,helmet:h,header:d,footer:f,noWrapper:i,wrapper:r,template:o="single",main:z,mainMinHeight:p="85vh"}){return a.jsxs(a.Fragment,{children:[h&&a.jsx(N6,{...h,title:c&&t?t:h.title}),c?a.jsx(P5,{...e}):a.jsxs(a.Fragment,{children:[d&&a.jsx(x6,{...d}),i?l:a.jsx(N1,{className:"wrapper",...r,children:o==="single"?a.jsx(D1,{className:"main",minHeight:p,...z,children:l}):l}),f&&a.jsx(I6,{...f})]}),a.jsx(E6,{})]})}const G6=m.div`
+`;_([V6,D6,T6]);const I9=n.forwardRef(({"data-testid":l,as:c,children:e,className:t,isOpen:h,setIsOpen:d,enableScrollingOpen:f,disableEsc:i,backgroundColor:r="primary",contentColor:o="background",linksColor:z="background",gap:p="s",width:v="30vw",zIndex:k=998,overlayColor:b="black-80",position:g="right",padding:A="l",...H},y)=>{n.useEffect(()=>{h&&!f?C.disableScroll():C.enableScroll()},[h]);const R=()=>{d(!1),C.enableScroll()};return J2("Escape",()=>{!i&&h&&R()}),a.jsxs(V6,{"data-testid":l,ref:y,as:c,className:O(t,{Open:h}),$zIndex:k,...H,children:[a.jsx(D6,{"data-testid":l&&`${l}.Overlay`,onClick:R,className:O({DrawerOverlay:t},{Open:h}),$overlayColor:b}),a.jsx(T6,{"data-testid":l&&`${l}.Content`,className:O({DrawerContent:t},{Open:h}),$gap:p,$backgroundColor:r,$contentColor:o,$linksColor:z,$width:v,$position:g,$padding:A,children:e})]})});function N9({children:l,isLoading:c,pageLoading:e,titleLoading:t,helmet:h,header:d,footer:f,noWrapper:i,wrapper:r,template:o="single",main:z,mainMinHeight:p="85vh"}){return a.jsxs(a.Fragment,{children:[h&&a.jsx(N6,{...h,title:c&&t?t:h.title}),c?a.jsx(P5,{...e}):a.jsxs(a.Fragment,{children:[d&&a.jsx(x6,{...d,children:(d==null?void 0:d.nav)&&(d==null?void 0:d.nav)}),i?l:a.jsx(N1,{className:"wrapper",...r,children:o==="single"?a.jsx(D1,{className:"main",minHeight:p,...z,children:l}):l}),f&&a.jsx(I6,{...f})]}),a.jsx(E6,{})]})}const G6=m.div`
     ${({$gap:l})=>s.Flexbox({$flexDirection:"column",$alignItems:"stretch",$gap:l})}
     ${({$border:l})=>s.Border(l)};
     ${({$padding:l})=>s.Padding(l)};

package/dist/lib/components/PageLayout/PageLayout.tsx

@@ -19,7 +19,7 @@ import type { ILibPageLayout } from "./types"
  * @prop titleLoading?: string
  * @prop pageLoading?: ILibPageLoading => imported from PageLoading component
  * @prop helmet?: ILibHelmet => imported from Helmet component
- * @prop header?: ILibHeader => imported from Header component
+ * @prop header?: ILibHeader & { nav?: JSX.Element } => imported from Header component
  * @prop footer?: ILibFooter => imported from Footer component
  * @prop wrapper?: ILibWrapper => imported from Wrapper component, only if noWrapper is not set to true
  * @prop noWrapper?: false
@@ -56,7 +56,11 @@ export function PageLayout({
                 <PageLoading {...pageLoading} />
             ) : (
                 <>
-                    {header && <Header {...(header as any)} />}
+                    {header && (
+                        <Header {...(header as any)}>
+                            {header?.nav && header?.nav}
+                        </Header>
+                    )}
 
                     {!noWrapper ? (
                         <Wrapper className="wrapper" {...wrapper}>

package/dist/lib/components/PageLayout/types.ts

@@ -14,7 +14,7 @@ interface ILibPageLayoutBase {
     pageLoading?: ILibPageLoading
     titleLoading?: string
     helmet?: Omit<ILibHelmet, "children">
-    header?: Omit<ILibHeader, "children">
+    header?: Omit<ILibHeader, "children"> & { nav?: JSX.Element }
     footer?: Omit<ILibFooter, "children">
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@julseb-lib/react",
-    "version": "0.0.2",
+    "version": "0.0.3",
     "type": "module",
     "license": "MIT",
     "scripts": {