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

package/dist/index.es508.js

@@ -1,15 +1,9 @@
-import w from "./index.es427.js";
-function B(n, r) {
-  if (n !== r) {
-    var d = n !== void 0, j = n === null, c = n === n, p = w(n), k = r !== void 0, q = r === null, g = r === r, A = w(r);
-    if (!q && !A && !p && n > r || p && k && g && !q && !A || j && k && g || !d && g || !c)
-      return 1;
-    if (!j && !p && !A && n < r || A && d && c && !j && !p || q && d && c || !k && c || !g)
-      return -1;
-  }
-  return 0;
+import e from "./index.es518.js";
+function n(r, a) {
+  var t = r.__data__;
+  return e(a) ? t[typeof a == "string" ? "string" : "hash"] : t.map;
 }
 export {
-  B as default
+  n as default
 };
 //# sourceMappingURL=index.es508.js.map

package/dist/index.es508.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es508.js","sources":["../../../node_modules/lodash-es/_compareAscending.js"],"sourcesContent":["import isSymbol from './isSymbol.js';\n\n/**\n * Compares values to sort them in ascending order.\n *\n * @private\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {number} Returns the sort order indicator for `value`.\n */\nfunction compareAscending(value, other) {\n  if (value !== other) {\n    var valIsDefined = value !== undefined,\n        valIsNull = value === null,\n        valIsReflexive = value === value,\n        valIsSymbol = isSymbol(value);\n\n    var othIsDefined = other !== undefined,\n        othIsNull = other === null,\n        othIsReflexive = other === other,\n        othIsSymbol = isSymbol(other);\n\n    if ((!othIsNull && !othIsSymbol && !valIsSymbol && value > other) ||\n        (valIsSymbol && othIsDefined && othIsReflexive && !othIsNull && !othIsSymbol) ||\n        (valIsNull && othIsDefined && othIsReflexive) ||\n        (!valIsDefined && othIsReflexive) ||\n        !valIsReflexive) {\n      return 1;\n    }\n    if ((!valIsNull && !valIsSymbol && !othIsSymbol && value < other) ||\n        (othIsSymbol && valIsDefined && valIsReflexive && !valIsNull && !valIsSymbol) ||\n        (othIsNull && valIsDefined && valIsReflexive) ||\n        (!othIsDefined && valIsReflexive) ||\n        !othIsReflexive) {\n      return -1;\n    }\n  }\n  return 0;\n}\n\nexport default compareAscending;\n"],"names":["compareAscending","value","other","valIsDefined","valIsNull","valIsReflexive","valIsSymbol","isSymbol","othIsDefined","othIsNull","othIsReflexive","othIsSymbol"],"mappings":";AAUA,SAASA,EAAiBC,GAAOC,GAAO;AACtC,MAAID,MAAUC,GAAO;AACf,QAAAC,IAAeF,MAAU,QACzBG,IAAYH,MAAU,MACtBI,IAAiBJ,MAAUA,GAC3BK,IAAcC,EAASN,CAAK,GAE5BO,IAAeN,MAAU,QACzBO,IAAYP,MAAU,MACtBQ,IAAiBR,MAAUA,GAC3BS,IAAcJ,EAASL,CAAK;AAE3B,QAAA,CAACO,KAAa,CAACE,KAAe,CAACL,KAAeL,IAAQC,KACtDI,KAAeE,KAAgBE,KAAkB,CAACD,KAAa,CAACE,KAChEP,KAAaI,KAAgBE,KAC7B,CAACP,KAAgBO,KAClB,CAACL;AACI,aAAA;AAEJ,QAAA,CAACD,KAAa,CAACE,KAAe,CAACK,KAAeV,IAAQC,KACtDS,KAAeR,KAAgBE,KAAkB,CAACD,KAAa,CAACE,KAChEG,KAAaN,KAAgBE,KAC7B,CAACG,KAAgBH,KAClB,CAACK;AACI,aAAA;AAAA,EAEX;AACO,SAAA;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es508.js","sources":["../../../node_modules/lodash-es/_getMapData.js"],"sourcesContent":["import isKeyable from './_isKeyable.js';\n\n/**\n * Gets the data for `map`.\n *\n * @private\n * @param {Object} map The map to query.\n * @param {string} key The reference key.\n * @returns {*} Returns the map data.\n */\nfunction getMapData(map, key) {\n  var data = map.__data__;\n  return isKeyable(key)\n    ? data[typeof key == 'string' ? 'string' : 'hash']\n    : data.map;\n}\n\nexport default getMapData;\n"],"names":["getMapData","map","key","data","isKeyable"],"mappings":";AAUA,SAASA,EAAWC,GAAKC,GAAK;AAC5B,MAAIC,IAAOF,EAAI;AACR,SAAAG,EAAUF,CAAG,IAChBC,EAAK,OAAOD,KAAO,WAAW,WAAW,MAAM,IAC/CC,EAAK;AACX;","x_google_ignoreList":[0]}

package/dist/index.es509.js

@@ -1,4 +1,4 @@
-import t from "./index.es506.js";
+import t from "./index.es507.js";
 function e() {
   this.__data__ = new t(), this.size = 0;
 }

package/dist/index.es513.js

@@ -1,6 +1,6 @@
-import _ from "./index.es506.js";
+import _ from "./index.es507.js";
 import e from "./index.es465.js";
-import r from "./index.es436.js";
+import r from "./index.es438.js";
 var h = 200;
 function m(i, s) {
   var t = this.__data__;

package/dist/index.es514.js

@@ -1,7 +1,12 @@
-import r from "./index.es457.js";
-var t = r.Uint8Array;
-const o = t;
+import e from "./index.es529.js";
+var a = function() {
+  var r = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
+  return r ? "Symbol(src)_1." + r : "";
+}();
+function t(r) {
+  return !!a && a in r;
+}
 export {
-  o as default
+  t as default
 };
 //# sourceMappingURL=index.es514.js.map

package/dist/index.es514.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es514.js","sources":["../../../node_modules/lodash-es/_Uint8Array.js"],"sourcesContent":["import root from './_root.js';\n\n/** Built-in value references. */\nvar Uint8Array = root.Uint8Array;\n\nexport default Uint8Array;\n"],"names":["Uint8Array","root","Uint8Array$1"],"mappings":";AAGA,IAAIA,IAAaC,EAAK;AAEtB,MAAAC,IAAeF;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es514.js","sources":["../../../node_modules/lodash-es/_isMasked.js"],"sourcesContent":["import coreJsData from './_coreJsData.js';\n\n/** Used to detect methods masquerading as native. */\nvar maskSrcKey = (function() {\n  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');\n  return uid ? ('Symbol(src)_1.' + uid) : '';\n}());\n\n/**\n * Checks if `func` has its source masked.\n *\n * @private\n * @param {Function} func The function to check.\n * @returns {boolean} Returns `true` if `func` is masked, else `false`.\n */\nfunction isMasked(func) {\n  return !!maskSrcKey && (maskSrcKey in func);\n}\n\nexport default isMasked;\n"],"names":["maskSrcKey","uid","coreJsData","isMasked","func"],"mappings":";AAGA,IAAIA,IAAc,WAAW;AACvB,MAAAC,IAAM,SAAS,KAAKC,KAAcA,EAAW,QAAQA,EAAW,KAAK,YAAY,EAAE;AAChF,SAAAD,IAAO,mBAAmBA,IAAO;AAC1C;AASA,SAASE,EAASC,GAAM;AACf,SAAA,CAAC,CAACJ,KAAeA,KAAcI;AACxC;","x_google_ignoreList":[0]}

package/dist/index.es515.js

@@ -1,9 +1,6 @@
-function o(r) {
-  var e = -1, a = Array(r.size);
-  return r.forEach(function(n, t) {
-    a[++e] = [t, n];
-  }), a;
-}
+import r from "./index.es457.js";
+var t = r.Uint8Array;
+const o = t;
 export {
   o as default
 };

package/dist/index.es515.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es515.js","sources":["../../../node_modules/lodash-es/_mapToArray.js"],"sourcesContent":["/**\n * Converts `map` to its key-value pairs.\n *\n * @private\n * @param {Object} map The map to convert.\n * @returns {Array} Returns the key-value pairs.\n */\nfunction mapToArray(map) {\n  var index = -1,\n      result = Array(map.size);\n\n  map.forEach(function(value, key) {\n    result[++index] = [key, value];\n  });\n  return result;\n}\n\nexport default mapToArray;\n"],"names":["mapToArray","map","index","result","value","key"],"mappings":"AAOA,SAASA,EAAWC,GAAK;AACvB,MAAIC,IAAQ,IACRC,IAAS,MAAMF,EAAI,IAAI;AAEvB,SAAAA,EAAA,QAAQ,SAASG,GAAOC,GAAK;AAC/B,IAAAF,EAAO,EAAED,CAAK,IAAI,CAACG,GAAKD,CAAK;AAAA,EAAA,CAC9B,GACMD;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es515.js","sources":["../../../node_modules/lodash-es/_Uint8Array.js"],"sourcesContent":["import root from './_root.js';\n\n/** Built-in value references. */\nvar Uint8Array = root.Uint8Array;\n\nexport default Uint8Array;\n"],"names":["Uint8Array","root","Uint8Array$1"],"mappings":";AAGA,IAAIA,IAAaC,EAAK;AAEtB,MAAAC,IAAeF;","x_google_ignoreList":[0]}

package/dist/index.es516.js

@@ -1,10 +1,10 @@
-import t from "./index.es461.js";
-import o from "./index.es498.js";
-import r from "./index.es293.js";
-function f(e) {
-  return t(e, r, o);
+function o(r) {
+  var e = -1, a = Array(r.size);
+  return r.forEach(function(n, t) {
+    a[++e] = [t, n];
+  }), a;
 }
 export {
-  f as default
+  o as default
 };
 //# sourceMappingURL=index.es516.js.map

package/dist/index.es516.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es516.js","sources":["../../../node_modules/lodash-es/_getAllKeys.js"],"sourcesContent":["import baseGetAllKeys from './_baseGetAllKeys.js';\nimport getSymbols from './_getSymbols.js';\nimport keys from './keys.js';\n\n/**\n * Creates an array of own enumerable property names and symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names and symbols.\n */\nfunction getAllKeys(object) {\n  return baseGetAllKeys(object, keys, getSymbols);\n}\n\nexport default getAllKeys;\n"],"names":["getAllKeys","object","baseGetAllKeys","keys","getSymbols"],"mappings":";;;AAWA,SAASA,EAAWC,GAAQ;AACnB,SAAAC,EAAeD,GAAQE,GAAMC,CAAU;AAChD;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es516.js","sources":["../../../node_modules/lodash-es/_mapToArray.js"],"sourcesContent":["/**\n * Converts `map` to its key-value pairs.\n *\n * @private\n * @param {Object} map The map to convert.\n * @returns {Array} Returns the key-value pairs.\n */\nfunction mapToArray(map) {\n  var index = -1,\n      result = Array(map.size);\n\n  map.forEach(function(value, key) {\n    result[++index] = [key, value];\n  });\n  return result;\n}\n\nexport default mapToArray;\n"],"names":["mapToArray","map","index","result","value","key"],"mappings":"AAOA,SAASA,EAAWC,GAAK;AACvB,MAAIC,IAAQ,IACRC,IAAS,MAAMF,EAAI,IAAI;AAEvB,SAAAA,EAAA,QAAQ,SAASG,GAAOC,GAAK;AAC/B,IAAAF,EAAO,EAAED,CAAK,IAAI,CAACG,GAAKD,CAAK;AAAA,EAAA,CAC9B,GACMD;AACT;","x_google_ignoreList":[0]}

package/dist/index.es517.js

@@ -1,12 +1,10 @@
-import e from "./index.es529.js";
-var a = function() {
-  var r = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
-  return r ? "Symbol(src)_1." + r : "";
-}();
-function t(r) {
-  return !!a && a in r;
+import t from "./index.es455.js";
+import o from "./index.es498.js";
+import r from "./index.es293.js";
+function f(e) {
+  return t(e, r, o);
 }
 export {
-  t as default
+  f as default
 };
 //# sourceMappingURL=index.es517.js.map

package/dist/index.es517.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es517.js","sources":["../../../node_modules/lodash-es/_isMasked.js"],"sourcesContent":["import coreJsData from './_coreJsData.js';\n\n/** Used to detect methods masquerading as native. */\nvar maskSrcKey = (function() {\n  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');\n  return uid ? ('Symbol(src)_1.' + uid) : '';\n}());\n\n/**\n * Checks if `func` has its source masked.\n *\n * @private\n * @param {Function} func The function to check.\n * @returns {boolean} Returns `true` if `func` is masked, else `false`.\n */\nfunction isMasked(func) {\n  return !!maskSrcKey && (maskSrcKey in func);\n}\n\nexport default isMasked;\n"],"names":["maskSrcKey","uid","coreJsData","isMasked","func"],"mappings":";AAGA,IAAIA,IAAc,WAAW;AACvB,MAAAC,IAAM,SAAS,KAAKC,KAAcA,EAAW,QAAQA,EAAW,KAAK,YAAY,EAAE;AAChF,SAAAD,IAAO,mBAAmBA,IAAO;AAC1C;AASA,SAASE,EAASC,GAAM;AACf,SAAA,CAAC,CAACJ,KAAeA,KAAcI;AACxC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es517.js","sources":["../../../node_modules/lodash-es/_getAllKeys.js"],"sourcesContent":["import baseGetAllKeys from './_baseGetAllKeys.js';\nimport getSymbols from './_getSymbols.js';\nimport keys from './keys.js';\n\n/**\n * Creates an array of own enumerable property names and symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names and symbols.\n */\nfunction getAllKeys(object) {\n  return baseGetAllKeys(object, keys, getSymbols);\n}\n\nexport default getAllKeys;\n"],"names":["getAllKeys","object","baseGetAllKeys","keys","getSymbols"],"mappings":";;;AAWA,SAASA,EAAWC,GAAQ;AACnB,SAAAC,EAAeD,GAAQE,GAAMC,CAAU;AAChD;","x_google_ignoreList":[0]}

package/dist/index.es530.js

@@ -1,4 +1,4 @@
-import r from "./index.es463.js";
+import r from "./index.es471.js";
 function o(t, n) {
   for (var e = t.length; e--; )
     if (r(t[e][0], n))

package/dist/index.es531.js

@@ -1,4 +1,4 @@
-import e from "./index.es479.js";
+import e from "./index.es480.js";
 var a = e(Object, "create");
 export {
   a as default

package/dist/index.es58.js

@@ -2,7 +2,7 @@ import r from "./index.es22.js";
 import n from "./index.es125.js";
 import f from "./index.es86.js";
 import { push as u } from "./index.es18.js";
-import m from "./index.es270.js";
+import m from "./index.es254.js";
 function l(o) {
   return n(f(o), function(t) {
     var i = r[t] = o[t];

package/dist/index.es65.js

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

package/dist/index.es66.js

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

package/dist/index.es67.js

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

package/dist/index.es68.js

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

package/dist/index.es69.js

@@ -1,4 +1,4 @@
-import r from "./index.es244.js";
+import r from "./index.es228.js";
 const t = r("Error");
 export {
   t as default

package/dist/index.es70.js

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

package/dist/index.es71.js

@@ -1,4 +1,4 @@
-import r from "./index.es244.js";
+import r from "./index.es228.js";
 const f = r("ArrayBuffer");
 export {
   f as default

package/dist/index.es72.js

@@ -1,4 +1,4 @@
-import r from "./index.es244.js";
+import r from "./index.es228.js";
 import i from "./index.es19.js";
 import a from "./index.es71.js";
 import { hasStringTagBug as e } from "./index.es20.js";

package/dist/index.es73.js

@@ -1,5 +1,5 @@
 import { nativeIsArray as r } from "./index.es18.js";
-import t from "./index.es244.js";
+import t from "./index.es228.js";
 const e = r || t("Array");
 export {
   e as default

package/dist/index.es76.js

@@ -1,7 +1,7 @@
 import { supportsArrayBuffer as i, nativeIsView as t, toString as a } from "./index.es18.js";
 import e from "./index.es72.js";
 import o from "./index.es97.js";
-import n from "./index.es246.js";
+import n from "./index.es230.js";
 var s = /\[object ((I|Ui)nt(8|16|32)|Float(32|64)|Uint8Clamped|Big(I|Ui)nt64)Array\]/;
 function f(r) {
   return t ? t(r) && !e(r) : n(r) && s.test(a.call(r));

package/dist/index.es77.js

@@ -1,4 +1,4 @@
-import e from "./index.es247.js";
+import e from "./index.es231.js";
 import i from "./index.es73.js";
 import m from "./index.es65.js";
 import n from "./index.es21.js";

package/dist/index.es79.js

@@ -1,13 +1,13 @@
 import m from "./index.es22.js";
 import { toString as g, SymbolProto as h } from "./index.es18.js";
-import j from "./index.es248.js";
+import j from "./index.es232.js";
 import D from "./index.es76.js";
 import y from "./index.es19.js";
 import { hasStringTagBug as V } from "./index.es20.js";
 import v from "./index.es72.js";
 import w from "./index.es81.js";
-import q from "./index.es245.js";
-import d from "./index.es249.js";
+import q from "./index.es229.js";
+import d from "./index.es233.js";
 var B = "[object DataView]";
 function c(e, r, f, n) {
   if (e === r)

package/dist/index.es80.js

@@ -1,4 +1,4 @@
-import e from "./index.es244.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.es245.js";
-import o from "./index.es251.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.es251.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.es252.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.es252.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.es252.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.es253.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.es254.js";
-import i from "./index.es255.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.es245.js";
-import o from "./index.es254.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.es256.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.es255.js";
-import e from "./index.es254.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.14",
+  "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.14",
-    "@performant-software/shared-components": "^3.0.6-beta.14",
+    "@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}
         >