@performant-software/user-defined-fields 3.0.6-beta.15 → 3.0.6-beta.2

package/dist/index.es80.js

@@ -1,4 +1,4 @@
-import e from "./index.es227.js";
+import e from "./index.es228.js";
 const a = e("WeakSet");
 export {
   a as default

package/dist/index.es81.js

@@ -1,7 +1,7 @@
 import e from "./index.es60.js";
 import { nativeKeys as f, hasEnumBug as m } from "./index.es18.js";
-import n from "./index.es228.js";
-import o from "./index.es234.js";
+import n from "./index.es229.js";
+import o from "./index.es235.js";
 function c(r) {
   if (!e(r))
     return [];

package/dist/index.es82.js

@@ -1,6 +1,6 @@
 import e from "./index.es60.js";
 import { hasEnumBug as f } from "./index.es18.js";
-import i from "./index.es234.js";
+import i from "./index.es235.js";
 function s(r) {
   if (!e(r))
     return [];

package/dist/index.es87.js

@@ -1,4 +1,4 @@
-import e from "./index.es235.js";
+import e from "./index.es236.js";
 import r from "./index.es82.js";
 const s = e(r);
 export {

package/dist/index.es88.js

@@ -1,4 +1,4 @@
-import e from "./index.es235.js";
+import e from "./index.es236.js";
 import r from "./index.es81.js";
 const s = e(r);
 export {

package/dist/index.es89.js

@@ -1,4 +1,4 @@
-import e from "./index.es235.js";
+import e from "./index.es236.js";
 import r from "./index.es82.js";
 const s = e(r, !0);
 export {

package/dist/index.es90.js

@@ -1,4 +1,4 @@
-import a from "./index.es236.js";
+import a from "./index.es237.js";
 import f from "./index.es88.js";
 function i(t, e) {
   var r = a(t);

package/dist/index.es93.js

@@ -1,5 +1,5 @@
-import f from "./index.es237.js";
-import i from "./index.es238.js";
+import f from "./index.es238.js";
+import i from "./index.es239.js";
 import m from "./index.es62.js";
 function d(e, r, o) {
   var t = i(e, f(r));

package/dist/index.es94.js

@@ -1,5 +1,5 @@
-import n from "./index.es228.js";
-import o from "./index.es237.js";
+import n from "./index.es229.js";
+import o from "./index.es238.js";
 function s(t, r) {
   r = o(r);
   for (var a = r.length, f = 0; f < a; f++) {

package/dist/index.es95.js

@@ -1,4 +1,4 @@
-import t from "./index.es239.js";
+import t from "./index.es240.js";
 import v from "./index.es81.js";
 function k(r, f, l) {
   f = t(f, l);

package/dist/index.es99.js

@@ -1,5 +1,5 @@
-import o from "./index.es238.js";
-import e from "./index.es237.js";
+import o from "./index.es239.js";
+import e from "./index.es238.js";
 function u(r) {
   return r = e(r), function(t) {
     return o(t, r);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/user-defined-fields",
-  "version": "3.0.6-beta.15",
+  "version": "3.0.6-beta.2",
   "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.6-beta.15",
-    "@performant-software/shared-components": "^3.0.6-beta.15",
+    "@performant-software/semantic-components": "^3.0.6-beta.2",
+    "@performant-software/shared-components": "^3.0.6-beta.2",
     "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}
         >