umwd-components 0.1.272 → 0.1.273

package/dist/cjs/src/components/layout/NavbarV2.js

@@ -0,0 +1,7 @@
+"use client";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("next/image"),r=require("@mui/material/Dialog"),l=require("@mui/material/AppBar"),a=require("@mui/material/Box"),n=require("@mui/material/Toolbar"),i=require("@mui/material/Typography"),o=require("@mui/material/Container"),s=require("@mui/material/Button"),m=require("@mui/material/List"),c=require("@mui/material/ListItem"),x=require("@mui/material/Divider"),p=require("@mui/material/ListItemText"),u=require("@mui/material/Tabs"),d=require("@mui/material/Tab"),h=require("@mui/icons-material/Close"),g=require("@mui/icons-material/MoreVert"),y=require("@mui/material/styles"),E=require("../StyledLink.js");exports.default=function(f){let{data:b}=f;const{site_title:v,logo:w,navigation:q,maxWidth:T,minHeight:k,sx:S={},home_url:L="/#home",slot1:D=null,slot2:C=null}=b,[F,W]=e.useState(!1),[G,H]=e.useState(0),I=()=>{W(!1)},j=function(e){let t=[];for(const r of Object.values(e.pages))null===r.parent&&t.push({...r,children:[]});for(const r of Object.values(e.pages))if(null!==r.parent){const e=t.find((e=>e.id===r.parent));e&&e.children.push(r)}return t}(q),B=y.useTheme();return e.useEffect((()=>{const e=()=>{const e=document.querySelectorAll("section"),t=window.scrollY+1;e.forEach(((e,r)=>{t>=e.offsetTop&&t<e.offsetTop+e.offsetHeight&&H(r)}))};return window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)}),[]),e.createElement(l,{position:"sticky",sx:{backgroundColor:B.palette.primary.main,...S}},e.createElement(o,{maxWidth:T},e.createElement(n,{disableGutters:!0,sx:{py:1,"@media all":{minHeight:k}}},e.createElement(E.StyledLink,{href:L,sx:{color:B.palette.primary.contrastText,textDecoration:"none",lineHeight:.51}},e.createElement(a,{sx:{display:{xs:"none",md:"flex"},alignItems:"center"}},void 0!==(null==w?void 0:w.url)&&e.createElement(t,{src:w.url,width:w.width,height:w.height,alt:w.alternativeText||"site logo",style:{maxHeight:"55px",marginRight:"20px",width:"auto",height:"auto",...w.style}}),null!=v&&e.createElement(e.Fragment,null,"string"==typeof v?e.createElement(i,{variant:"h6",noWrap:!0,component:"h1",sx:{display:"flex",textDecoration:"none",p:0}},v):e.createElement(e.Fragment,null,v)))),e.createElement(a,{sx:{display:{xs:"none",md:"flex"},width:{xs:"0px",md:"30px"}}}),e.createElement(a,{sx:{flexGrow:1,display:{xs:"none",md:"flex",alignItems:"center"}}},e.createElement(u,{value:G,"aria-label":"main website navigation",indicatorColor:"secondary",role:"navigation"},j.length>0&&j.map((t=>e.createElement(a,{key:t.id,sx:{position:"relative",overflow:"visible",display:"flex",flexDirection:"column",alignItems:"center","&:hover":{".nested":{top:"0px"}}}},e.createElement(E.StyledLink,{href:"/".concat(t.path)},e.createElement(d,{value:t.id,label:t.title,sx:{color:B.palette.primary.contrastText,opacity:.9}})),t.children&&t.children.length>0&&t.children.map(((t,r)=>{const l=75+50*r;return e.createElement(a,{key:t.id,sx:{position:"fixed"}},e.createElement(a,{sx:{position:"absolute",top:l,transform:"translateX(-50%)"}},e.createElement(E.StyledLink,{href:"/".concat(t.path)},e.createElement(i,{className:"nested",variant:"button",textAlign:"center",sx:{display:"block",p:1,position:"absolute",top:"-1000px",transform:"translateX(-50%)",color:B.palette.primary.contrastText,transitionDuration:"0.5s",transitionDelay:"0.5s","&:hover":{borderBottom:"1px solid red"}}},t.title))))}))))))),e.createElement(E.StyledLink,{href:"/",sx:{color:B.palette.primary.contrastText,textDecoration:"none"}},e.createElement(a,{sx:{display:{xs:"flex",md:"none"},alignItems:"center"}},void 0!==(null==w?void 0:w.url)&&e.createElement(a,{sx:{display:"flex",mr:1}},e.createElement("img",{src:w.url,width:w.width||32,height:w.height||32,alt:w.alternativeText||"site logo",style:{maxHeight:"55px",width:"auto",height:"auto",...w.style}})),null!=v&&e.createElement(e.Fragment,null,"string"==typeof v?e.createElement(i,{variant:"h5",noWrap:!0,component:"h1",sx:{display:"flex",flexGrow:1,textDecoration:"none"}},v):e.createElement(e.Fragment,null,v)))),e.createElement(a,{sx:{display:{xs:"flex"},flexGrow:1}}),D&&e.createElement(a,{sx:{display:{xs:"flex"},mr:2}},D),C&&e.createElement(a,{sx:{display:{xs:"flex"},mr:2}},C),e.createElement(a,{sx:{flexGrow:0,display:{xs:"flex",md:"none"}}},e.createElement(s,{onClick:()=>{W(!0)},sx:{width:"40px",height:"40px",borderRadius:"50%",p:0,minWidth:"unset",color:"primary.contrastText",boxShadow:"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)"}},e.createElement(g,{sx:{color:"primary.contrastText"}})),e.createElement(r,{fullScreen:!0,open:F,onClose:I},e.createElement(l,{position:"sticky"},e.createElement(o,{maxWidth:"xl"},e.createElement(n,{disableGutters:!0,sx:{py:1,justifyContent:"space-between"}},e.createElement(E.StyledLink,{href:"/",sx:{color:B.palette.primary.contrastText}},e.createElement(a,{sx:{display:"flex",flexDirection:"row",alignItems:"center"}},(null==w?void 0:w.url)&&e.createElement(a,{sx:{display:"flex",mr:1}},e.createElement("img",{src:w.url,alt:w.alternativeText||"logo",width:w.width||32,height:w.height||32,style:{maxHeight:"55px",width:"auto",height:"auto"}})),null!=v&&e.createElement(e.Fragment,null,"string"==typeof v?e.createElement(i,{variant:"h5",noWrap:!0,component:"h1",sx:{display:"flex",flexGrow:1,textDecoration:"none"}},v):e.createElement(e.Fragment,null,v)))),e.createElement(s,{onClick:I,sx:{width:"40px",height:"40px",borderRadius:"50%",p:0,minWidth:"unset",color:"primary.contrastText",boxShadow:"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)"},"aria-label":"close"},e.createElement(h,{sx:{color:"primary.contrastText"}}))))),j.length>0&&e.createElement(m,null,j.map((t=>e.createElement(e.Fragment,{key:t.id},e.createElement(E.StyledLink,{href:"/".concat(t.path)},e.createElement(c,null,e.createElement(p,{primary:t.title}))),e.createElement(x,null),t.children&&t.children.length>0&&e.createElement(m,null,t.children.map((t=>e.createElement(e.Fragment,{key:t.id},e.createElement(E.StyledLink,{href:"/".concat(t.path)},e.createElement(c,null,e.createElement(p,{primary:t.title}))),e.createElement(x,null))))))))))))))};

package/dist/cjs/src/index.js

@@ -3,4 +3,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-"use strict";var e=require("./components/layout/Footer.js"),t=require("./components/ContactForm.js"),o=require("./components/WebsitePlaceholder.js"),r=require("./components/WhatsAppClickToChatButton.js"),a=require("./components/ScrollLink.js"),s=require("./components/layout/Navbar.js"),i=require("./components/FluidBackground.js"),n=require("./components/auth/RegisterForm.js"),u=require("./components/auth/SigninForm.js"),g=require("./components/layout/SideNav.js"),p=require("./components/LogoutButton.js"),l=require("./components/page-elements/Page.js"),c=require("./components/page-builder/PageBuilder.js"),d=require("./components/StyledLink.js"),m=require("./data/actions/auth-actions.js"),x=require("./data/actions/pagebuilder-actions.js"),j=require("./data/loaders.js");exports.Footer=e.default,exports.ContactForm=t.ContactForm,exports.WebsitePlaceholder=o.default,exports.WhatsAppClickToChatButton=r.default,exports.ScrollLink=a.default,exports.Navbar=s.default,exports.FluidBackground=i.default,exports.RegisterForm=n.default,exports.SigninForm=u.default,exports.SideNav=g.default,exports.LogoutButton=p.default,exports.Page=l.Page,exports.PageBuilder=c.default,exports.StyledLink=d.StyledLink,exports.loginUserAction=m.loginUserAction,exports.logoutAction=m.logoutAction,exports.registerUserAction=m.registerUserAction,exports.updatePageAction=x.updatePageAction,exports.getAllPages=j.getAllPages,exports.getDisclaimerData=j.getDisclaimerData,exports.getHomePageData=j.getHomePageData,exports.getNavigation=j.getNavigation,exports.getPageNames=j.getPageNames,exports.getPagedata=j.getPagedata,exports.getSiteData=j.getSiteData;
+"use strict";var e=require("./components/layout/Footer.js"),t=require("./components/ContactForm.js"),o=require("./components/WebsitePlaceholder.js"),r=require("./components/WhatsAppClickToChatButton.js"),a=require("./components/ScrollLink.js"),s=require("./components/layout/Navbar.js"),i=require("./components/layout/NavbarV2.js"),n=require("./components/FluidBackground.js"),u=require("./components/auth/RegisterForm.js"),p=require("./components/auth/SigninForm.js"),g=require("./components/layout/SideNav.js"),l=require("./components/LogoutButton.js"),c=require("./components/page-elements/Page.js"),d=require("./components/page-builder/PageBuilder.js"),m=require("./components/StyledLink.js"),x=require("./data/actions/auth-actions.js"),j=require("./data/actions/pagebuilder-actions.js"),q=require("./data/loaders.js");exports.Footer=e.default,exports.ContactForm=t.ContactForm,exports.WebsitePlaceholder=o.default,exports.WhatsAppClickToChatButton=r.default,exports.ScrollLink=a.default,exports.Navbar=s.default,exports.NavbarV2=i.default,exports.FluidBackground=n.default,exports.RegisterForm=u.default,exports.SigninForm=p.default,exports.SideNav=g.default,exports.LogoutButton=l.default,exports.Page=c.Page,exports.PageBuilder=d.default,exports.StyledLink=m.StyledLink,exports.loginUserAction=x.loginUserAction,exports.logoutAction=x.logoutAction,exports.registerUserAction=x.registerUserAction,exports.updatePageAction=j.updatePageAction,exports.getAllPages=q.getAllPages,exports.getDisclaimerData=q.getDisclaimerData,exports.getHomePageData=q.getHomePageData,exports.getNavigation=q.getNavigation,exports.getPageNames=q.getPageNames,exports.getPagedata=q.getPagedata,exports.getSiteData=q.getSiteData;

package/dist/esm/src/components/layout/NavbarV2.js

@@ -0,0 +1,7 @@
+"use client";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+import e,{useState as t,useEffect as r,Fragment as l}from"react";import a from"next/image";import n from"@mui/material/Dialog";import i from"@mui/material/AppBar";import o from"@mui/material/Box";import m from"@mui/material/Toolbar";import s from"@mui/material/Typography";import c from"@mui/material/Container";import p from"@mui/material/Button";import x from"@mui/material/List";import d from"@mui/material/ListItem";import h from"@mui/material/Divider";import u from"@mui/material/ListItemText";import f from"@mui/material/Tabs";import g from"@mui/material/Tab";import E from"@mui/icons-material/Close";import y from"@mui/icons-material/MoreVert";import{useTheme as b}from"@mui/material/styles";import{StyledLink as w}from"../StyledLink.js";function v(v){let{data:T}=v;const{site_title:k,logo:D,navigation:C,maxWidth:W,minHeight:G,sx:H={},home_url:I="/#home",slot1:F=null,slot2:L=null}=T,[S,j]=t(!1),[B,A]=t(0),R=()=>{j(!1)},O=function(e){let t=[];for(const r of Object.values(e.pages))null===r.parent&&t.push({...r,children:[]});for(const r of Object.values(e.pages))if(null!==r.parent){const e=t.find((e=>e.id===r.parent));e&&e.children.push(r)}return t}(C),X=b();return r((()=>{const e=()=>{const e=document.querySelectorAll("section"),t=window.scrollY+1;e.forEach(((e,r)=>{t>=e.offsetTop&&t<e.offsetTop+e.offsetHeight&&A(r)}))};return window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)}),[]),e.createElement(i,{position:"sticky",sx:{backgroundColor:X.palette.primary.main,...H}},e.createElement(c,{maxWidth:W},e.createElement(m,{disableGutters:!0,sx:{py:1,"@media all":{minHeight:G}}},e.createElement(w,{href:I,sx:{color:X.palette.primary.contrastText,textDecoration:"none",lineHeight:.51}},e.createElement(o,{sx:{display:{xs:"none",md:"flex"},alignItems:"center"}},void 0!==(null==D?void 0:D.url)&&e.createElement(a,{src:D.url,width:D.width,height:D.height,alt:D.alternativeText||"site logo",style:{maxHeight:"55px",marginRight:"20px",width:"auto",height:"auto",...D.style}}),null!=k&&e.createElement(e.Fragment,null,"string"==typeof k?e.createElement(s,{variant:"h6",noWrap:!0,component:"h1",sx:{display:"flex",textDecoration:"none",p:0}},k):e.createElement(e.Fragment,null,k)))),e.createElement(o,{sx:{display:{xs:"none",md:"flex"},width:{xs:"0px",md:"30px"}}}),e.createElement(o,{sx:{flexGrow:1,display:{xs:"none",md:"flex",alignItems:"center"}}},e.createElement(f,{value:B,"aria-label":"main website navigation",indicatorColor:"secondary",role:"navigation"},O.length>0&&O.map((t=>e.createElement(o,{key:t.id,sx:{position:"relative",overflow:"visible",display:"flex",flexDirection:"column",alignItems:"center","&:hover":{".nested":{top:"0px"}}}},e.createElement(w,{href:"/".concat(t.path)},e.createElement(g,{value:t.id,label:t.title,sx:{color:X.palette.primary.contrastText,opacity:.9}})),t.children&&t.children.length>0&&t.children.map(((t,r)=>{const l=75+50*r;return e.createElement(o,{key:t.id,sx:{position:"fixed"}},e.createElement(o,{sx:{position:"absolute",top:l,transform:"translateX(-50%)"}},e.createElement(w,{href:"/".concat(t.path)},e.createElement(s,{className:"nested",variant:"button",textAlign:"center",sx:{display:"block",p:1,position:"absolute",top:"-1000px",transform:"translateX(-50%)",color:X.palette.primary.contrastText,transitionDuration:"0.5s",transitionDelay:"0.5s","&:hover":{borderBottom:"1px solid red"}}},t.title))))}))))))),e.createElement(w,{href:"/",sx:{color:X.palette.primary.contrastText,textDecoration:"none"}},e.createElement(o,{sx:{display:{xs:"flex",md:"none"},alignItems:"center"}},void 0!==(null==D?void 0:D.url)&&e.createElement(o,{sx:{display:"flex",mr:1}},e.createElement("img",{src:D.url,width:D.width||32,height:D.height||32,alt:D.alternativeText||"site logo",style:{maxHeight:"55px",width:"auto",height:"auto",...D.style}})),null!=k&&e.createElement(e.Fragment,null,"string"==typeof k?e.createElement(s,{variant:"h5",noWrap:!0,component:"h1",sx:{display:"flex",flexGrow:1,textDecoration:"none"}},k):e.createElement(e.Fragment,null,k)))),e.createElement(o,{sx:{display:{xs:"flex"},flexGrow:1}}),F&&e.createElement(o,{sx:{display:{xs:"flex"},mr:2}},F),L&&e.createElement(o,{sx:{display:{xs:"flex"},mr:2}},L),e.createElement(o,{sx:{flexGrow:0,display:{xs:"flex",md:"none"}}},e.createElement(p,{onClick:()=>{j(!0)},sx:{width:"40px",height:"40px",borderRadius:"50%",p:0,minWidth:"unset",color:"primary.contrastText",boxShadow:"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)"}},e.createElement(y,{sx:{color:"primary.contrastText"}})),e.createElement(n,{fullScreen:!0,open:S,onClose:R},e.createElement(i,{position:"sticky"},e.createElement(c,{maxWidth:"xl"},e.createElement(m,{disableGutters:!0,sx:{py:1,justifyContent:"space-between"}},e.createElement(w,{href:"/",sx:{color:X.palette.primary.contrastText}},e.createElement(o,{sx:{display:"flex",flexDirection:"row",alignItems:"center"}},(null==D?void 0:D.url)&&e.createElement(o,{sx:{display:"flex",mr:1}},e.createElement("img",{src:D.url,alt:D.alternativeText||"logo",width:D.width||32,height:D.height||32,style:{maxHeight:"55px",width:"auto",height:"auto"}})),null!=k&&e.createElement(e.Fragment,null,"string"==typeof k?e.createElement(s,{variant:"h5",noWrap:!0,component:"h1",sx:{display:"flex",flexGrow:1,textDecoration:"none"}},k):e.createElement(e.Fragment,null,k)))),e.createElement(p,{onClick:R,sx:{width:"40px",height:"40px",borderRadius:"50%",p:0,minWidth:"unset",color:"primary.contrastText",boxShadow:"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)"},"aria-label":"close"},e.createElement(E,{sx:{color:"primary.contrastText"}}))))),O.length>0&&e.createElement(x,null,O.map((t=>e.createElement(l,{key:t.id},e.createElement(w,{href:"/".concat(t.path)},e.createElement(d,null,e.createElement(u,{primary:t.title}))),e.createElement(h,null),t.children&&t.children.length>0&&e.createElement(x,null,t.children.map((t=>e.createElement(l,{key:t.id},e.createElement(w,{href:"/".concat(t.path)},e.createElement(d,null,e.createElement(u,{primary:t.title}))),e.createElement(h,null))))))))))))))}export{v as default};

package/dist/esm/src/index.js

@@ -3,4 +3,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-export{default as Footer}from"./components/layout/Footer.js";export{ContactForm}from"./components/ContactForm.js";export{default as WebsitePlaceholder}from"./components/WebsitePlaceholder.js";export{default as WhatsAppClickToChatButton}from"./components/WhatsAppClickToChatButton.js";export{default as ScrollLink}from"./components/ScrollLink.js";export{default as Navbar}from"./components/layout/Navbar.js";export{default as FluidBackground}from"./components/FluidBackground.js";export{default as RegisterForm}from"./components/auth/RegisterForm.js";export{default as SigninForm}from"./components/auth/SigninForm.js";export{default as SideNav}from"./components/layout/SideNav.js";export{default as LogoutButton}from"./components/LogoutButton.js";export{Page}from"./components/page-elements/Page.js";export{default as PageBuilder}from"./components/page-builder/PageBuilder.js";export{StyledLink}from"./components/StyledLink.js";export{loginUserAction,logoutAction,registerUserAction}from"./data/actions/auth-actions.js";export{updatePageAction}from"./data/actions/pagebuilder-actions.js";export{getAllPages,getDisclaimerData,getHomePageData,getNavigation,getPageNames,getPagedata,getSiteData}from"./data/loaders.js";
+export{default as Footer}from"./components/layout/Footer.js";export{ContactForm}from"./components/ContactForm.js";export{default as WebsitePlaceholder}from"./components/WebsitePlaceholder.js";export{default as WhatsAppClickToChatButton}from"./components/WhatsAppClickToChatButton.js";export{default as ScrollLink}from"./components/ScrollLink.js";export{default as Navbar}from"./components/layout/Navbar.js";export{default as NavbarV2}from"./components/layout/NavbarV2.js";export{default as FluidBackground}from"./components/FluidBackground.js";export{default as RegisterForm}from"./components/auth/RegisterForm.js";export{default as SigninForm}from"./components/auth/SigninForm.js";export{default as SideNav}from"./components/layout/SideNav.js";export{default as LogoutButton}from"./components/LogoutButton.js";export{Page}from"./components/page-elements/Page.js";export{default as PageBuilder}from"./components/page-builder/PageBuilder.js";export{StyledLink}from"./components/StyledLink.js";export{loginUserAction,logoutAction,registerUserAction}from"./data/actions/auth-actions.js";export{updatePageAction}from"./data/actions/pagebuilder-actions.js";export{getAllPages,getDisclaimerData,getHomePageData,getNavigation,getPageNames,getPagedata,getSiteData}from"./data/loaders.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "umwd-components",
-  "version": "0.1.272",
+  "version": "0.1.273",
   "description": "UMWD Component library",
   "main": "dist/cjs/src/index.js",
   "module": "dist/esm/src/index.js",

package/src/components/layout/NavbarV2.tsx

@@ -20,7 +20,7 @@ import CloseIcon from "@mui/icons-material/Close";
 import MoreVertIcon from "@mui/icons-material/MoreVert";
 import { type ReactNode } from "react";
 import { SxProps, Theme, useTheme } from "@mui/material/styles";
-import { StyledLink } from "../StyledLink";
+import { StyledLink } from "../StyledLink.tsx";
 
 interface ImageProps {
   id: number;

package/src/index.js

@@ -4,6 +4,7 @@ export { default as WebsitePlaceholder } from "./components/WebsitePlaceholder";
 export { default as WhatsAppClickToChatButton } from "./components/WhatsAppClickToChatButton.tsx";
 export { default as ScrollLink } from "./components/ScrollLink.tsx";
 export { default as Navbar } from "./components/layout/Navbar.tsx";
+export { default as NavbarV2 } from "./components/layout/NavbarV2.tsx";
 export { default as FluidBackground } from "./components/FluidBackground.tsx";
 export { default as RegisterForm } from "./components/auth/RegisterForm.tsx";
 export { default as SigninForm } from "./components/auth/SigninForm.tsx";