umwd-components 0.1.705 → 0.1.707

package/dist/types/components/common/markdown/MarkdownEditor.d.ts

@@ -1,9 +1,11 @@
 import React from "react";
 import { SxProps } from "@mui/material/styles";
-export default function MarkdownEditor({ name, label, defaultValue, sx, onChangeCallback, }: {
+import { TextFieldProps } from "@mui/material/TextField";
+export default function MarkdownEditor({ name, label, defaultValue, sx, onChangeCallback, textfieldProps, }: {
     name: string;
     label: string;
     defaultValue?: string;
     sx?: SxProps;
     onChangeCallback?: (value: string) => void;
+    textfieldProps?: TextFieldProps;
 }): React.JSX.Element;

package/package.json

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

package/src/components/common/markdown/MarkdownEditor.tsx

@@ -7,6 +7,7 @@ import Stack from "@mui/material/Stack";
 import TextField from "@mui/material/TextField";
 import { useTheme, SxProps } from "@mui/material/styles";
 import MarkdownDisplay from "./MarkdownDisplay";
+import { TextFieldProps } from "@mui/material/TextField";
 
 export default function MarkdownEditor({
   name,
@@ -14,12 +15,14 @@ export default function MarkdownEditor({
   defaultValue,
   sx,
   onChangeCallback,
+  textfieldProps,
 }: {
   name: string;
   label: string;
   defaultValue?: string;
   sx?: SxProps;
   onChangeCallback?: (value: string) => void;
+  textfieldProps?: TextFieldProps;
 }) {
   const [markdown, setMarkdown] = React.useState(defaultValue || "");
   const theme = useTheme();
@@ -47,6 +50,7 @@ export default function MarkdownEditor({
         placeholder={`# Heading 1 \n ## Heading 2 \n ### Heading 3 \n **bold** \n *italic*`}
         onChange={(e) => handleChange(`${e.target.value}`)}
         sx={{ flex: 1, whiteSpace: "pre", height: "100%" }}
+        {...textfieldProps}
       />
       <Box sx={{ flex: 1 }}>
         <Paper

package/src/components/logistics/note/NoteTakingComponent.tsx

@@ -110,6 +110,16 @@ export default function NoteTakingComponent({
                     input: { color: "black" },
                     div: { color: "black" },
                   }}
+                  textfieldProps={{
+                    id: "content",
+                    placeholder: "Write your note here...",
+                    multiline: true,
+                    minRows: 5,
+                    maxRows: 10,
+                    error:
+                      formState?.zodErrors?.content != undefined ? true : false,
+                    helperText: formState?.zodErrors?.content || "",
+                  }}
                 />
               </Stack>
             </Paper>

package/src/data/actions/logistics/note/createNoteAction.ts

@@ -1,29 +1,48 @@
 "use server";
 
+import { z } from "zod";
 import { mutateData } from "../../../services/mutate-data";
 import { flattenAttributes } from "../../../../lib/utils";
-import { parseFormData } from "../../../../lib/parseFormData";
-// import { format } from "date-fns";
+
+const schemaUpdate = z.object({
+  content: z
+    .string()
+    .min(10, "Description must be at least 10 characters long")
+    .max(5000, "Description cannot be more than 5000 characters long"),
+});
 
 export async function createNoteAction(
   related: any,
   prevState: any,
   formData: FormData
 ) {
-  const parsedFormData = parseFormData(formData);
-
-  if (parsedFormData.data.content.length < 5) {
+  if (related === null || related === undefined) {
     return {
       ...prevState,
+      zodErrors: null,
       strapiErrors: null,
-      message: "Content cannot be empty.",
+      message: "Failed to Create Note. Related entity is missing.",
       severity: "error",
     };
   }
+  const validatedFields = schemaUpdate.safeParse({
+    content: formData.get("content"),
+  });
+
+  if (!validatedFields.success) {
+    return {
+      ...prevState,
+      zodErrors: validatedFields.error.flatten().fieldErrors,
+      strapiErrors: null,
+      message: "null",
+    };
+  }
+
+  const { data } = validatedFields;
 
   const noteData = {
     data: {
-      ...parsedFormData.data,
+      ...data,
       related,
     },
   };
@@ -33,6 +52,7 @@ export async function createNoteAction(
   if (!responseData) {
     return {
       ...prevState,
+      zodErrors: null,
       strapiErrors: null,
       message: "Ops! Something went wrong. Please try again.",
       severity: "error",
@@ -42,6 +62,7 @@ export async function createNoteAction(
   if (responseData.error) {
     return {
       ...prevState,
+      zodErrors: null,
       strapiErrors: responseData.error,
       message: "Failed to Create Note.",
       severity: "error",
@@ -52,6 +73,7 @@ export async function createNoteAction(
 
   return {
     ...prevState,
+    zodErrors: null,
     message: "New Note Created",
     severity: "success",
     data: flattenedData,