@performant-software/user-defined-fields 3.0.5 → 3.0.6-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/user-defined-fields",
-  "version": "3.0.5",
+  "version": "3.0.6-beta.0",
   "description": "A package of components used for allowing end users to define fields on models. Use with the \"user_defined_fields\" gem.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",
@@ -23,8 +23,8 @@
     "underscore": "^1.13.2"
   },
   "peerDependencies": {
-    "@performant-software/semantic-components": "^3.0.5",
-    "@performant-software/shared-components": "^3.0.5",
+    "@performant-software/semantic-components": "^3.0.6-beta.0",
+    "@performant-software/shared-components": "^3.0.6-beta.0",
     "react": ">= 16.13.1 < 19.0.0",
     "react-dom": ">= 16.13.1 < 19.0.0"
   },

package/src/components/UserDefinedFieldsForm.js

@@ -61,7 +61,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
    *
    * @type {function(*): *}
    */
-  const renderItem = useCallback((field) => {
+  const renderItem = useCallback((field, index) => {
     let rendered;
 
     const fieldValue = props.data && props.data[field.uuid];
@@ -70,6 +70,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
+          key={index}
           label={field.column_name}
           required={field.required}
           onChange={(e, { value }) => onChange(field, value)}
@@ -82,6 +83,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
+          key={index}
           label={field.column_name}
           required={field.required}
           onChange={(e, { value }) => onChange(field, value)}
@@ -96,6 +98,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
         <Form.Dropdown
           clearable
           error={isError(field)}
+          key={index}
           label={field.column_name}
           multiple={field.allow_multiple}
           required={field.required}
@@ -103,7 +106,9 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
           onChange={(e, { value }) => onChange(field, value)}
           selectOnBlur={false}
           selection
-          value={fieldValue}
+          value={field.allow_multiple
+            ? (fieldValue || [])
+            : fieldValue}
         />
       );
     }
@@ -112,6 +117,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.TextArea
           error={isError(field)}
+          key={index}
           label={field.column_name}
           required={field.required}
           onChange={(e, { value }) => onChange(field, value)}
@@ -124,6 +130,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
+          key={index}
           label={field.column_name}
           required={field.required}
         >
@@ -139,6 +146,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
+          key={index}
           label={field.column_name}
           required={field.required}
         >
@@ -157,6 +165,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
         <Form.Checkbox
           checked={!!fieldValue}
           error={isError(field)}
+          key={index}
           label={field.column_name}
           onChange={(e, { checked }) => onChange(field, checked)}
         />
@@ -167,6 +176,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
+          key={index}
           label={field.column_name}
           required={field.required}
         >

package/types/components/UserDefinedFieldsForm.js.flow

@@ -61,7 +61,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
    *
    * @type {function(*): *}
    */
-  const renderItem = useCallback((field) => {
+  const renderItem = useCallback((field, index) => {
     let rendered;
 
     const fieldValue = props.data && props.data[field.uuid];
@@ -70,6 +70,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
+          key={index}
           label={field.column_name}
           required={field.required}
           onChange={(e, { value }) => onChange(field, value)}
@@ -82,6 +83,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
+          key={index}
           label={field.column_name}
           required={field.required}
           onChange={(e, { value }) => onChange(field, value)}
@@ -96,6 +98,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
         <Form.Dropdown
           clearable
           error={isError(field)}
+          key={index}
           label={field.column_name}
           multiple={field.allow_multiple}
           required={field.required}
@@ -103,7 +106,9 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
           onChange={(e, { value }) => onChange(field, value)}
           selectOnBlur={false}
           selection
-          value={fieldValue}
+          value={field.allow_multiple
+            ? (fieldValue || [])
+            : fieldValue}
         />
       );
     }
@@ -112,6 +117,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.TextArea
           error={isError(field)}
+          key={index}
           label={field.column_name}
           required={field.required}
           onChange={(e, { value }) => onChange(field, value)}
@@ -124,6 +130,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
+          key={index}
           label={field.column_name}
           required={field.required}
         >
@@ -139,6 +146,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
+          key={index}
           label={field.column_name}
           required={field.required}
         >
@@ -157,6 +165,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
         <Form.Checkbox
           checked={!!fieldValue}
           error={isError(field)}
+          key={index}
           label={field.column_name}
           onChange={(e, { checked }) => onChange(field, checked)}
         />
@@ -167,6 +176,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
+          key={index}
           label={field.column_name}
           required={field.required}
         >