@engagebay/engagebay-form-module 1.0.8-beta.2 → 1.0.8-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@engagebay/engagebay-form-module",
-    "version": "1.0.8-beta.2",
+    "version": "1.0.8-beta.3",
     "description": "Provide base form components to reacho",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1"

package/src/form/formfields/FileUploadField.tsx

@@ -126,13 +126,13 @@ const FileUploadField: React.FC<FormFieldComponentPropSchema> = (
                                     ) : (
                                         <div className="flex">
                                             <span className="m-2">
-                                                {file?.name}
+                                            {file?.name || file?.toString?.() || ''}
                                             </span>{" "}
                                             <button
                                                 onClick={(e) => {
                                                     e.preventDefault();
                                                     formContext.setValue(
-                                                        props.fieldConfig.name,cnull
+                                                        props.fieldConfig.name,null
                                                     );
                                                     setFile(null);
                                                 }}

package/src/form/util/RenderListOptions.tsx

@@ -11,14 +11,14 @@ import { handleChange } from ".";
 import { LoaderWithText } from "../../util/LoaderWithText";
 import SVGIcon from "../../util/svg/SVGIcon";
 import { FormContextType } from "../context/FormContext";
+import Tippy from "@tippyjs/react";
 import {
   FieldOptionsSchema,
   FormFieldSchema,
   FormFieldType,
   OutputFormatType,
 } from "../schema/FormFieldSchema";
-import Tippy from "@tippyjs/react";
-import { normalizeMultiSelectValue } from "./normalizeCustomFieldValues";
+import { normalizeMultiSelectValue, normalizeMultiSelectValueForStringArrayValues } from "./normalizeCustomFieldValues";
 type RenderListOptionsProps = {
   formContext: FormContextType;
   fieldConfig: FormFieldSchema;
@@ -373,7 +373,7 @@ export function renderListBoxValue(
   listOptions: FieldOptionsSchema[],
   onChange?: (value: any) => void,
 ): JSX.Element {
-  let value = normalizeMultiSelectValue(formContext.getValues(fieldConfig.name));
+  let value = normalizeMultiSelectValueForStringArrayValues(fieldConfig, formContext.getValues(fieldConfig.name));
   const renderAsString = () => {
     // if (!listOptions) {
     //     return value;

package/src/form/util/normalizeCustomFieldValues.ts

@@ -1,4 +1,5 @@
 import moment from "moment";
+import { FormFieldSchema, OutputFormatType } from "../schema/FormFieldSchema";
 
 const normalizeStringToken = (value: unknown): string => {
   return typeof value === "string" ? value.trim() : String(value).trim();
@@ -113,3 +114,10 @@ export const normalizeDateInputValue = (
 };
 
 
+export const normalizeMultiSelectValueForStringArrayValues = (fieldConfig: FormFieldSchema, value: any): string[] => {
+  if (fieldConfig.outputFormat === OutputFormatType.STRING) {
+    return normalizeMultiSelectValue(value);  
+  }
+  return value; 
+};
+