umwd-components 0.1.265 → 0.1.266

package/dist/cjs/src/components/page-elements/Page.js

@@ -3,4 +3,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-"use strict";var e=require("react"),t=require("./TextImageSection.js"),r=require("./HeroSection.js"),a=require("./FeaturesSection.js"),n=require("./FleetSection.js"),o=require("./IconSection.js"),c=require("./ColumnsSection.js"),i=require("@mui/material"),u=require("../ContactForm.js"),s=require("./PersonaliaSection.js"),l=require("./PictureBarSection.js"),m=require("./LogoBarSection.js");function d(i){switch(i.__component){case"layout.hero-section":return e.createElement(r.HeroSection,{key:i.id,data:i});case"layout.features-section":return e.createElement(a.FeatureSection,{key:i.id,data:i});case"layout.contact-section":return e.createElement(u.ContactForm,{key:i.id,data:i});case"layout.text-image-section":return e.createElement(t.TextImageSection,{key:i.id,data:i});case"layout.icon-section":return e.createElement(o.IconSection,{key:i.id,data:i});case"layout.fleet-section":return e.createElement(n.FleetSection,{key:i.id,data:i});case"layout.columns-section":return e.createElement(c.ColumnsSection,{key:i.id,data:i});case"layout.personalia-section":return e.createElement(s.PersonaliaSection,{key:i.id,data:i});case"layout.picture-bar-section":return e.createElement(l.PictureBarSection,{key:i.id,data:i});case"layout.logo-bar-section":return e.createElement(m.LogoBarSection,{key:i.id,data:i});default:return null}}exports.Page=function(t){let{blocks:r,sx:a=[]}=t;return r?e.createElement(i.Box,{sx:{...a}},r.map(d)):e.createElement("p",null,"No sections found")};
+"use strict";var e=require("react"),t=require("./TextImageSection.js"),r=require("./HeroSection.js"),a=require("./FeaturesSection.js"),n=require("./FleetSection.js"),o=require("./IconSection.js"),c=require("./ColumnsSection.js"),i=require("@mui/material/Box"),u=require("../ContactForm.js"),s=require("./PersonaliaSection.js"),l=require("./PictureBarSection.js"),m=require("./LogoBarSection.js");function d(i){switch(i.__component){case"layout.hero-section":return e.createElement(r.HeroSection,{key:i.id,data:i});case"layout.features-section":return e.createElement(a.FeatureSection,{key:i.id,data:i});case"layout.contact-section":return e.createElement(u.ContactForm,{key:i.id,data:i});case"layout.text-image-section":return e.createElement(t.TextImageSection,{key:i.id,data:i});case"layout.icon-section":return e.createElement(o.IconSection,{key:i.id,data:i});case"layout.fleet-section":return e.createElement(n.FleetSection,{key:i.id,data:i});case"layout.columns-section":return e.createElement(c.ColumnsSection,{key:i.id,data:i});case"layout.personalia-section":return e.createElement(s.PersonaliaSection,{key:i.id,data:i});case"layout.picture-bar-section":return e.createElement(l.PictureBarSection,{key:i.id,data:i});case"layout.logo-bar-section":return e.createElement(m.LogoBarSection,{key:i.id,data:i});default:return null}}exports.Page=function(t){let{blocks:r,sx:a=[]}=t;return r?e.createElement(i,{sx:[...Array.isArray(a)?a:[a]]},r.map(d)):e.createElement("p",null,"No sections found")};

package/dist/esm/src/components/page-elements/Page.js

@@ -3,4 +3,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-import e from"react";import{TextImageSection as t}from"./TextImageSection.js";import{HeroSection as o}from"./HeroSection.js";import{FeatureSection as r}from"./FeaturesSection.js";import{FleetSection as a}from"./FleetSection.js";import{IconSection as n}from"./IconSection.js";import{ColumnsSection as c}from"./ColumnsSection.js";import{Box as i}from"@mui/material";import{ContactForm as m}from"../ContactForm.js";import{PersonaliaSection as s}from"./PersonaliaSection.js";import{PictureBarSection as l}from"./PictureBarSection.js";import{LogoBarSection as u}from"./LogoBarSection.js";function d(i){switch(i.__component){case"layout.hero-section":return e.createElement(o,{key:i.id,data:i});case"layout.features-section":return e.createElement(r,{key:i.id,data:i});case"layout.contact-section":return e.createElement(m,{key:i.id,data:i});case"layout.text-image-section":return e.createElement(t,{key:i.id,data:i});case"layout.icon-section":return e.createElement(n,{key:i.id,data:i});case"layout.fleet-section":return e.createElement(a,{key:i.id,data:i});case"layout.columns-section":return e.createElement(c,{key:i.id,data:i});case"layout.personalia-section":return e.createElement(s,{key:i.id,data:i});case"layout.picture-bar-section":return e.createElement(l,{key:i.id,data:i});case"layout.logo-bar-section":return e.createElement(u,{key:i.id,data:i});default:return null}}function y(t){let{blocks:o,sx:r=[]}=t;return o?e.createElement(i,{sx:{...r}},o.map(d)):e.createElement("p",null,"No sections found")}export{y as Page};
+import e from"react";import{TextImageSection as t}from"./TextImageSection.js";import{HeroSection as r}from"./HeroSection.js";import{FeatureSection as o}from"./FeaturesSection.js";import{FleetSection as a}from"./FleetSection.js";import{IconSection as n}from"./IconSection.js";import{ColumnsSection as c}from"./ColumnsSection.js";import i from"@mui/material/Box";import{ContactForm as m}from"../ContactForm.js";import{PersonaliaSection as s}from"./PersonaliaSection.js";import{PictureBarSection as l}from"./PictureBarSection.js";import{LogoBarSection as u}from"./LogoBarSection.js";function d(i){switch(i.__component){case"layout.hero-section":return e.createElement(r,{key:i.id,data:i});case"layout.features-section":return e.createElement(o,{key:i.id,data:i});case"layout.contact-section":return e.createElement(m,{key:i.id,data:i});case"layout.text-image-section":return e.createElement(t,{key:i.id,data:i});case"layout.icon-section":return e.createElement(n,{key:i.id,data:i});case"layout.fleet-section":return e.createElement(a,{key:i.id,data:i});case"layout.columns-section":return e.createElement(c,{key:i.id,data:i});case"layout.personalia-section":return e.createElement(s,{key:i.id,data:i});case"layout.picture-bar-section":return e.createElement(l,{key:i.id,data:i});case"layout.logo-bar-section":return e.createElement(u,{key:i.id,data:i});default:return null}}function y(t){let{blocks:r,sx:o=[]}=t;return r?e.createElement(i,{sx:[...Array.isArray(o)?o:[o]]},r.map(d)):e.createElement("p",null,"No sections found")}export{y as Page};

package/package.json

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

package/src/components/page-elements/Page.tsx

@@ -5,7 +5,7 @@ import { FeatureSection } from "./FeaturesSection.tsx";
 import { FleetSection } from "./FleetSection.tsx";
 import { IconSection } from "./IconSection.tsx";
 import { ColumnsSection } from "./ColumnsSection.tsx";
-import { Box } from "@mui/material";
+import Box from "@mui/material/Box";
 import { ContactForm } from "../ContactForm.tsx";
 import { PersonaliaSection } from "./PersonaliaSection.tsx";
 import { PictureBarSection } from "./PictureBarSection.tsx";
@@ -50,5 +50,14 @@ export function Page({ blocks, sx = [] }: PageProps) {
     return <p>No sections found</p>;
   }
 
-  return <Box sx={{ ...sx }}>{blocks.map(blockRenderer)}</Box>;
+  return (
+    <Box
+      sx={[
+        // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
+        ...(Array.isArray(sx) ? sx : [sx]),
+      ]}
+    >
+      {blocks.map(blockRenderer)}
+    </Box>
+  );
 }