umwd-components 0.1.652 → 0.1.653

package/dist/types/components/e-commerce/products/AddProductForm.d.ts

@@ -1,9 +1,11 @@
 import React from "react";
 import { CategoryName } from "../../../types/e-commerce/category/types";
 import { VendorName } from "../../../types/logistics/Vendor";
-export declare const AddProductForm: ({ vendorArr, categories, revalidateCallback, handleClose, }: {
+import { SxProps } from "@mui/material/styles";
+export declare const AddProductForm: ({ vendorArr, categories, revalidateCallback, handleClose, sx, }: {
     vendorArr: VendorName[];
     categories: CategoryName[];
     revalidateCallback?: (() => void) | undefined;
     handleClose?: (() => void) | undefined;
+    sx?: SxProps | undefined;
 }) => React.JSX.Element;

package/package.json

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

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

@@ -72,7 +72,7 @@ export function AddCategoryForm({
   }, [formState?.strapiErrors]);
 
   return (
-    <Box sx={[{ p: 2 }, ...(Array.isArray(sx) ? sx : [sx])]} component={Paper}>
+    <Box sx={[...(Array.isArray(sx) ? sx : [sx])]}>
       <form action={formAction}>
         <Grid container spacing={2}>
           <Grid item xs={12}>
@@ -97,7 +97,7 @@ export function AddCategoryForm({
             />
           </Grid>
         </Grid>
-        <Grid item xs={12}>
+        {/* <Grid item xs={12}>
           <Stack
             direction="row-reverse"
             spacing={2}
@@ -107,11 +107,8 @@ export function AddCategoryForm({
             }}
           >
             <SubmitButton text="create category" loadingText="loading" />
-            {/* {formState?.strapiErrors && (
-              <StrapiErrors error={formState?.strapiErrors} />
-            )} */}
           </Stack>
-        </Grid>
+        </Grid> */}
       </form>
     </Box>
   );

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

@@ -70,7 +70,7 @@ export default function CreateCategoryForm({
             />
           </Grid>
         </Grid>
-        <Grid item xs={12}>
+        {/* <Grid item xs={12}>
           <Stack
             direction="row-reverse"
             spacing={2}
@@ -82,7 +82,7 @@ export default function CreateCategoryForm({
               <StrapiErrors error={formState?.strapiErrors} />
             )}
           </Stack>
-        </Grid>
+        </Grid> */}
       </form>
     </Box>
   );

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

@@ -75,14 +75,7 @@ export function EditCategoryForm({
   }, [formState?.strapiErrors]);
 
   return (
-    <Box
-      sx={[
-        // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
-        { p: 2 },
-        ...(Array.isArray(sx) ? sx : [sx]),
-      ]}
-      component={Paper}
-    >
+    <Box sx={[...(Array.isArray(sx) ? sx : [sx])]}>
       <form action={formAction}>
         {id && <input id="id" type="hidden" name="id" value={id} />}
         <Grid container spacing={2}>
@@ -113,7 +106,7 @@ export function EditCategoryForm({
             />
           </Grid>
         </Grid>
-        <Grid item xs={12}>
+        {/* <Grid item xs={12}>
           <Stack
             direction="row-reverse"
             spacing={2}
@@ -131,7 +124,7 @@ export function EditCategoryForm({
               <Alert severity="error">{formState?.message}</Alert>
             )}
           </Stack>
-        </Grid>
+        </Grid> */}
       </form>
     </Box>
   );

package/src/components/e-commerce/iro/CreateIROForm.tsx

@@ -66,7 +66,7 @@ export default function CreateIroForm({
   }, [formState?.strapiErrors]);
 
   return (
-    <Box sx={[{ p: 2 }, ...(Array.isArray(sx) ? sx : [sx])]}>
+    <Box sx={[...(Array.isArray(sx) ? sx : [sx])]}>
       <form action={formAction}>
         <Grid container spacing={2}>
           <Grid item xs={12}>

package/src/components/e-commerce/iro/RmaForm.tsx

@@ -374,7 +374,7 @@ export default function RmaForm({
   }, [formState?.strapiErrors]);
 
   return (
-    <Box sx={[{ p: 2 }, ...(Array.isArray(sx) ? sx : [sx])]}>
+    <Box sx={[...(Array.isArray(sx) ? sx : [sx])]}>
       <form action={formAction}>
         <Grid container spacing={2}>
           <Grid item xs={12}>

package/src/components/e-commerce/iro/TextualManageIROForm.tsx

@@ -613,7 +613,7 @@ export default function TextualManageIROForm({
   }, [data]);
 
   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}>
@@ -876,6 +876,11 @@ export default function TextualManageIROForm({
                * should be within the form, thats why the form spans two grid items
                * */}
               <input name="id" type="hidden" value={data.id} />
+              <input
+                type="hidden"
+                name="items"
+                value={JSON.stringify(parseItems(items))}
+              />
               {items &&
                 items.map((item: IroItem, index: number) => {
                   return (
@@ -903,16 +908,16 @@ export default function TextualManageIROForm({
                     </Paper>
                   );
                 })}
-              <Paper sx={{ p: 2 }}>
-                <Stack direction="row" spacing={2} justifyContent={"end"}>
-                  <SubmitButton text="Update items" loadingText="Loading..." />
-                </Stack>
-              </Paper>
-              <input
-                type="hidden"
-                name="items"
-                value={JSON.stringify(parseItems(items))}
-              />
+              <Stack direction={"row"} justifyContent={"space-between"}>
+                <Button onClick={handleClose} variant="outlined">
+                  Cancel
+                </Button>
+                <SubmitButton
+                  text="Confirm"
+                  loadingText="Loading..."
+                  variant="contained"
+                />
+              </Stack>
             </form>
           </Stack>
         </Grid>

package/src/components/e-commerce/products/AddProductForm.tsx

@@ -26,6 +26,7 @@ import VendorSelector from "../../../components/logistics/vendor/VendorSelector"
 import { VendorName } from "../../../types/logistics/Vendor";
 import MarkdownEditor from "../../../components/common/markdown/MarkdownEditor";
 import { useSnackbar } from "../../../context/common/SnackbarContext";
+import { SxProps } from "@mui/material/styles";
 
 const INITIAL_STATE = {
   zodErrors: null,
@@ -40,11 +41,13 @@ export const AddProductForm = ({
   categories,
   revalidateCallback,
   handleClose,
+  sx,
 }: {
   vendorArr: VendorName[];
   categories: CategoryName[];
   revalidateCallback?: () => void;
   handleClose?: () => void;
+  sx?: SxProps;
 }) => {
   const { state, dispatch } = useSnackbar();
   const [formState, formAction] = useFormState(
@@ -104,14 +107,7 @@ export const AddProductForm = ({
   }
 
   return (
-    <Box
-      /* sx={[
-            // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
-            ...(Array.isArray(sx) ? sx : [sx]),
-          ]} */
-      component={Paper}
-      sx={{ p: 2 }}
-    >
+    <Box sx={[...(Array.isArray(sx) ? sx : [sx])]}>
       <form action={formAction}>
         {/* <input id="id" type="hidden" name="id" value={id} /> */}
         <Grid container spacing={2}>

package/src/components/e-commerce/products/EditProductForm.tsx

@@ -60,7 +60,6 @@ export function EditProductForm({
     categories,
     vendors,
   } = data;
-  console.log("data", data);
 
   const initialGallery = gallery?.data || [];
   const initialCategories = categories?.data || [];
@@ -126,14 +125,7 @@ export function EditProductForm({
   }
 
   return (
-    <Box
-      sx={[
-        { p: 2 },
-        // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
-        ...(Array.isArray(sx) ? sx : [sx]),
-      ]}
-      component={Paper}
-    >
+    <Box sx={[...(Array.isArray(sx) ? sx : [sx])]}>
       <form action={formAction}>
         {id && <input id="id" type="hidden" name="id" value={id} />}
         <Grid container spacing={2}>

package/src/components/e-commerce/products/EditStockForm.tsx

@@ -78,14 +78,7 @@ export function EditStockForm({
   }, [formState?.strapiErrors]);
 
   return (
-    <Box
-      sx={[
-        // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
-        { p: 2 },
-        ...(Array.isArray(sx) ? sx : [sx]),
-      ]}
-      component={Paper}
-    >
+    <Box sx={[...(Array.isArray(sx) ? sx : [sx])]}>
       <Grid container spacing={2}>
         <Grid item xs={12}>
           <Typography variant="h6">{title}</Typography>