@etsoo/toolpad 1.0.16 → 1.0.17

package/build/cjs/PageContainer/PageContainer.js

@@ -124,9 +124,9 @@ function PageContainer(props) {
         externalSlotProps: props?.slotProps?.toolbar,
         additionalProps: {}
     });
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { sx: { my: 2 }, spacing: 2, ...rest, children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_1.default, { "aria-label": "breadcrumb", children: resolvedBreadcrumbs
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { sx: { m: 2 }, spacing: 2, ...rest, children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_1.default, { "aria-label": "breadcrumb", children: resolvedBreadcrumbs
                             ? resolvedBreadcrumbs.map((item, index) => {
                                 return index < resolvedBreadcrumbs.length - 1 ? ((0, jsx_runtime_1.jsx)(Link_1.default, { component: Link_2.Link, underline: "hover", color: "inherit", href: item.path, children: (0, navigation_1.getItemTitle)(item) }, item.path)) : ((0, jsx_runtime_1.jsx)(Typography_1.default, { color: "text.primary", children: (0, navigation_1.getItemTitle)(item) }, item.path));
                             })
-                            : null }), (0, jsx_runtime_1.jsxs)(PageContentHeader, { children: [title ? (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "h4", children: title }) : null, (0, jsx_runtime_1.jsx)(ToolbarComponent, { ...toolbarSlotProps })] })] }), (0, jsx_runtime_1.jsx)("div", { children: children })] }));
+                            : null }), (0, jsx_runtime_1.jsxs)(PageContentHeader, { children: [title ? (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "h4", children: title }) : null, (0, jsx_runtime_1.jsx)(ToolbarComponent, { ...toolbarSlotProps })] })] }), children] }));
 }

package/build/mjs/PageContainer/PageContainer.js

@@ -83,10 +83,10 @@ function PageContainer(props) {
         externalSlotProps: props?.slotProps?.toolbar,
         additionalProps: {}
     });
-    return (_jsxs(Stack, { sx: { my: 2 }, spacing: 2, ...rest, children: [_jsxs(Stack, { children: [_jsx(Breadcrumbs, { "aria-label": "breadcrumb", children: resolvedBreadcrumbs
+    return (_jsxs(Stack, { sx: { m: 2 }, spacing: 2, ...rest, children: [_jsxs(Stack, { children: [_jsx(Breadcrumbs, { "aria-label": "breadcrumb", children: resolvedBreadcrumbs
                             ? resolvedBreadcrumbs.map((item, index) => {
                                 return index < resolvedBreadcrumbs.length - 1 ? (_jsx(Link, { component: ToolpadLink, underline: "hover", color: "inherit", href: item.path, children: getItemTitle(item) }, item.path)) : (_jsx(Typography, { color: "text.primary", children: getItemTitle(item) }, item.path));
                             })
-                            : null }), _jsxs(PageContentHeader, { children: [title ? _jsx(Typography, { variant: "h4", children: title }) : null, _jsx(ToolbarComponent, { ...toolbarSlotProps })] })] }), _jsx("div", { children: children })] }));
+                            : null }), _jsxs(PageContentHeader, { children: [title ? _jsx(Typography, { variant: "h4", children: title }) : null, _jsx(ToolbarComponent, { ...toolbarSlotProps })] })] }), children] }));
 }
 export { PageContainer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/toolpad",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "author": "ETSOO",
   "description": "Dashboard framework extention based on Toolpad Core",
   "main": "build/cjs/index.js",

package/src/PageContainer/PageContainer.tsx

@@ -154,7 +154,7 @@ function PageContainer(props: PageContainerProps) {
   });
 
   return (
-    <Stack sx={{ my: 2 }} spacing={2} {...rest}>
+    <Stack sx={{ m: 2 }} spacing={2} {...rest}>
       <Stack>
         <Breadcrumbs aria-label="breadcrumb">
           {resolvedBreadcrumbs
@@ -177,13 +177,12 @@ function PageContainer(props: PageContainerProps) {
               })
             : null}
         </Breadcrumbs>
-
         <PageContentHeader>
           {title ? <Typography variant="h4">{title}</Typography> : null}
           <ToolbarComponent {...toolbarSlotProps} />
         </PageContentHeader>
       </Stack>
-      <div>{children}</div>
+      {children}
     </Stack>
   );
 }