umwd-components 0.1.655 → 0.1.657

package/package.json

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

package/src/components/e-commerce/categories/AddCategoryForm.tsx

@@ -1,15 +1,13 @@
 "use client";
 
 import React, { useEffect } from "react";
-import Paper from "@mui/material/Paper";
 import Box from "@mui/material/Box";
 import Stack from "@mui/material/Stack";
-import Alert from "@mui/material/Alert";
 import TextField from "@mui/material/TextField";
 import Typography from "@mui/material/Typography";
+import { Button } from "@mui/material";
 import { SubmitButton } from "../../SubmitButton";
 import { useFormState } from "react-dom";
-import { StrapiErrors } from "../../StrapiErrors";
 import { createCategoryAction } from "../../../data/actions/e-commerce/categories/createCategoryAction";
 import Grid from "@mui/material/Grid";
 import ProductSelector from "../products/ProductSelector";
@@ -43,7 +41,6 @@ export function AddCategoryForm({
   );
 
   const { handleAddMessage } = useSnackbar();
-
   useEffect(() => {
     if (formState?.message) {
       handleAddMessage({
@@ -52,10 +49,6 @@ export function AddCategoryForm({
       });
 
       if (formState.severity === "success") {
-        handleAddMessage({
-          message: formState.message || "Category created successfully",
-          severity: formState.severity || "success",
-        });
         revalidateCallback && revalidateCallback();
         handleClose && handleClose();
       }
@@ -75,6 +68,18 @@ export function AddCategoryForm({
     <Box sx={[...(Array.isArray(sx) ? sx : [sx])]}>
       <form action={formAction}>
         <Grid container spacing={2}>
+          <Grid item xs={12}>
+            <Stack spacing={2}>
+              <Typography variant="h3" component={"h1"}>
+                Add Category
+              </Typography>
+              <Typography variant="body2">
+                Create a new category for your products. You can add products to
+                this category later.
+              </Typography>
+            </Stack>
+          </Grid>
+
           <Grid item xs={12}>
             <Stack spacing={2}>
               <TextField
@@ -96,19 +101,27 @@ export function AddCategoryForm({
               currentValue={[]}
             />
           </Grid>
+
+          <Grid item xs={12}>
+            <Stack
+              direction={"row"}
+              justifyContent={"space-between"}
+              alignItems={"center"}
+              sx={{ pt: 2 }}
+            >
+              {handleClose && (
+                <Button onClick={handleClose} variant="outlined">
+                  Cancel
+                </Button>
+              )}
+              <SubmitButton
+                text="Create category"
+                loadingText="Loading..."
+                variant="contained"
+              />
+            </Stack>
+          </Grid>
         </Grid>
-        {/* <Grid item xs={12}>
-          <Stack
-            direction="row-reverse"
-            spacing={2}
-            alignItems={"center"}
-            sx={{
-              py: 1,
-            }}
-          >
-            <SubmitButton text="create category" loadingText="loading" />
-          </Stack>
-        </Grid> */}
       </form>
     </Box>
   );

package/src/components/e-commerce/categories/CreateCategoryForm.tsx

@@ -1,3 +1,8 @@
+/* 
+TODO, This file is not used becuz a AddCategoryForm.tsx was created instead.
+For the moment it's commented out to avoid confusion.
+If this does not lead to any issues, we can remove it later.
+
 "use client";
 
 import { useFormState } from "react-dom";
@@ -55,6 +60,17 @@ export default function CreateCategoryForm({
     <Box component={Paper} sx={{ p: 2 }}>
       <form action={formAction}>
         <Grid container spacing={2}>
+          <Grid item xs={12}>
+            <Stack spacing={2}>
+              <Typography variant="h3" component={"h1"}>
+                Create Category
+              </Typography>
+              <Typography variant="body2">
+                Create a new category for your products. You can add products to
+                this category later.
+              </Typography>
+            </Stack>
+          </Grid>
           <Grid item xs={12}>
             <Stack spacing={2}>
               <TextField id="title" name="title" label="Title" />
@@ -71,7 +87,12 @@ export default function CreateCategoryForm({
           </Grid>
         </Grid>
         <Grid item xs={12}>
-          <Stack direction={"row"} justifyContent={"space-between"}>
+          <Stack
+            direction={"row"}
+            justifyContent={"space-between"}
+            alignItems={"center"}
+            sx={{ pt: 2 }}
+          >
             {handleClose !== undefined && (
               <Button onClick={handleClose} variant="outlined">
                 Cancel
@@ -88,3 +109,4 @@ export default function CreateCategoryForm({
     </Box>
   );
 }
+ */

package/src/components/e-commerce/categories/EditCategoryForm.tsx

@@ -77,6 +77,17 @@ export function EditCategoryForm({
       <form action={formAction}>
         {id && <input id="id" type="hidden" name="id" value={id} />}
         <Grid container spacing={2}>
+          <Grid item xs={12}>
+            <Stack spacing={2}>
+              <Typography variant="h3" component={"h1"}>
+                Edit Category
+              </Typography>
+              <Typography variant="body2">
+                Edit the category for your products. You can add products to
+                this category later.
+              </Typography>
+            </Stack>
+          </Grid>
           <Grid item xs={12}>
             <Stack spacing={2}>
               <TextField
@@ -103,20 +114,25 @@ export function EditCategoryForm({
               currentValue={[...initialProducts.map((prod) => prod.id)]}
             />
           </Grid>
-        </Grid>
-        <Grid item xs={12}>
-          <Stack direction={"row"} justifyContent={"space-between"}>
-            {handleClose && (
-              <Button onClick={handleClose} variant="outlined">
-                Cancel
-              </Button>
-            )}
-            <SubmitButton
-              text="Update category"
-              loadingText="Loading..."
-              variant="contained"
-            />
-          </Stack>
+
+          <Grid item xs={12}>
+            <Stack
+              direction={"row"}
+              justifyContent={"space-between"}
+              alignItems={"center"}
+            >
+              {handleClose && (
+                <Button onClick={handleClose} variant="outlined">
+                  Cancel
+                </Button>
+              )}
+              <SubmitButton
+                text="Update category"
+                loadingText="Loading..."
+                variant="contained"
+              />
+            </Stack>
+          </Grid>
         </Grid>
       </form>
     </Box>

package/src/components/e-commerce/opo/TextualManageOpoForm.tsx

@@ -272,7 +272,7 @@ export default function TextualManageOPOForm({
   }, [opo]);
 
   return (
-    <Box sx={[{ p: 2 }, ...(Array.isArray(sx) ? sx : [sx])]} component={Paper}>
+    <Box sx={[...(Array.isArray(sx) ? sx : [sx])]}>
       <Grid container spacing={2}>
         <Grid item xs={12}>
           <Stack spacing={2}>

package/dist/types/components/e-commerce/categories/CreateCategoryForm.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ProductName } from "../../../types/e-commerce/product/types";
-import { SxProps } from "@mui/material/styles";
-export default function CreateCategoryForm({ productNamesArray, revalidateCallback, handleClose, sx, }: {
-    productNamesArray: ProductName[];
-    revalidateCallback?: () => void;
-    handleClose?: () => void;
-    sx?: SxProps;
-}): import("react").JSX.Element;