umwd-components 0.1.235 → 0.1.236

package/dist/cjs/components/PageBuilder.js

@@ -1,3 +1,4 @@
+"use client";
 /*
  * UMWD-Components
  * @copyright Jelle Paulus
@@ -22,6 +23,7 @@ var PictureBarSection = require('./PictureBarSection.js');
 var LogoBarSection = require('./LogoBarSection.js');
 var reactDom = require('react-dom');
 var pagebuilderActions = require('../data/actions/pagebuilder-actions.js');
+var SubmitButton = require('./SubmitButton.js');
 
 const INITIAL_STATE = {
   zodErrors: null,
@@ -90,6 +92,7 @@ function PageBuilder(_ref) {
     data
   } = _ref;
   const {
+    id,
     title,
     description,
     blocks,
@@ -111,10 +114,10 @@ function PageBuilder(_ref) {
       backgroundColor: "primary.dark",
       p: 2
     }
-  }, /*#__PURE__*/React.createElement(material.Button, {
-    variant: "contained",
-    color: "primary"
-  }, "Save")), /*#__PURE__*/React.createElement(material.Stack, {
+  }, /*#__PURE__*/React.createElement(SubmitButton.SubmitButton, {
+    text: "submit",
+    loadingText: "loading"
+  })), /*#__PURE__*/React.createElement(material.Stack, {
     spacing: 2,
     sx: {
       p: 2
@@ -122,12 +125,10 @@ function PageBuilder(_ref) {
   }, /*#__PURE__*/React.createElement(material.TextField, {
     id: "title",
     name: "title",
-    value: title,
     label: "title"
   }), /*#__PURE__*/React.createElement(material.TextField, {
     id: "description",
     name: "description",
-    value: description,
     label: "description"
   })), blocks.map(blockRenderer)));
 }

package/dist/esm/components/PageBuilder.js

@@ -1,3 +1,4 @@
+"use client";
 /*
  * UMWD-Components
  * @copyright Jelle Paulus
@@ -5,7 +6,7 @@
  */
   
 import React__default from 'react';
-import { Box, Button, Stack, TextField } from '@mui/material';
+import { Box, Stack, TextField } from '@mui/material';
 import { PBTextImageSection } from './page-builder/PBTextImageSection.js';
 import { HeroSection } from './HeroSection.js';
 import { FeatureSection } from './FeaturesSection.js';
@@ -18,6 +19,7 @@ import { PictureBarSection } from './PictureBarSection.js';
 import { LogoBarSection } from './LogoBarSection.js';
 import { useFormState } from 'react-dom';
 import { updatePageAction } from '../data/actions/pagebuilder-actions.js';
+import { SubmitButton } from './SubmitButton.js';
 
 const INITIAL_STATE = {
   zodErrors: null,
@@ -86,6 +88,7 @@ function PageBuilder(_ref) {
     data
   } = _ref;
   const {
+    id,
     title,
     description,
     blocks,
@@ -107,10 +110,10 @@ function PageBuilder(_ref) {
       backgroundColor: "primary.dark",
       p: 2
     }
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    variant: "contained",
-    color: "primary"
-  }, "Save")), /*#__PURE__*/React__default.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(SubmitButton, {
+    text: "submit",
+    loadingText: "loading"
+  })), /*#__PURE__*/React__default.createElement(Stack, {
     spacing: 2,
     sx: {
       p: 2
@@ -118,12 +121,10 @@ function PageBuilder(_ref) {
   }, /*#__PURE__*/React__default.createElement(TextField, {
     id: "title",
     name: "title",
-    value: title,
     label: "title"
   }), /*#__PURE__*/React__default.createElement(TextField, {
     id: "description",
     name: "description",
-    value: description,
     label: "description"
   })), blocks.map(blockRenderer)));
 }

package/package.json

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

package/src/components/PageBuilder.tsx

@@ -1,3 +1,4 @@
+"use client";
 import React from "react";
 import { SxProps, Box, TextField, Stack, Button } from "@mui/material";
 import { PBTextImageSection } from "./page-builder/PBTextImageSection.tsx";
@@ -12,6 +13,7 @@ import { PictureBarSection } from "./PictureBarSection.tsx";
 import { LogoBarSection } from "./LogoBarSection.tsx";
 import { useFormState } from "react-dom";
 import { updatePageAction } from "../data/actions/pagebuilder-actions.ts";
+import { SubmitButton } from "./SubmitButton.tsx";
 
 const INITIAL_STATE = {
   zodErrors: null,
@@ -49,6 +51,7 @@ function blockRenderer(block: any) {
 }
 
 interface PageBuilderProps {
+  id: string;
   title: string;
   description: string;
   blocks: any[];
@@ -60,7 +63,7 @@ export default function PageBuilder({
 }: {
   readonly data: PageBuilderProps;
 }) {
-  const { title, description, blocks, sx } = data;
+  const { id, title, description, blocks, sx } = data;
   if (!blocks) {
     return <p>No sections found</p>;
   }
@@ -71,18 +74,14 @@ export default function PageBuilder({
     <Box sx={{ ...sx }}>
       <form action={formAction}>
         <Box sx={{ width: "100%", backgroundColor: "primary.dark", p: 2 }}>
-          <Button variant="contained" color="primary">
+          {/* <Button variant="contained" color="primary">
             Save
-          </Button>
+          </Button> */}
+          <SubmitButton text="submit" loadingText="loading" />
         </Box>
         <Stack spacing={2} sx={{ p: 2 }}>
-          <TextField id="title" name="title" value={title} label="title" />
-          <TextField
-            id="description"
-            name="description"
-            value={description}
-            label="description"
-          />
+          <TextField id="title" name="title" label="title" />
+          <TextField id="description" name="description" label="description" />
         </Stack>
         {blocks.map(blockRenderer)}
       </form>