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

package/dist/index.es511.js

@@ -1,7 +1,7 @@
-function a(t) {
-  return this.__data__.get(t);
+function t(a) {
+  return this.__data__.has(a);
 }
 export {
-  a as default
+  t as default
 };
 //# sourceMappingURL=index.es511.js.map

package/dist/index.es511.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es511.js","sources":["../../../node_modules/lodash-es/_stackGet.js"],"sourcesContent":["/**\n * Gets the stack value for `key`.\n *\n * @private\n * @name get\n * @memberOf Stack\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction stackGet(key) {\n  return this.__data__.get(key);\n}\n\nexport default stackGet;\n"],"names":["stackGet","key"],"mappings":"AASA,SAASA,EAASC,GAAK;AACd,SAAA,KAAK,SAAS,IAAIA,CAAG;AAC9B;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es511.js","sources":["../../../node_modules/lodash-es/_stackHas.js"],"sourcesContent":["/**\n * Checks if a stack value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Stack\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction stackHas(key) {\n  return this.__data__.has(key);\n}\n\nexport default stackHas;\n"],"names":["stackHas","key"],"mappings":"AASA,SAASA,EAASC,GAAK;AACd,SAAA,KAAK,SAAS,IAAIA,CAAG;AAC9B;","x_google_ignoreList":[0]}

package/dist/index.es512.js

@@ -1,7 +1,18 @@
-function t(a) {
-  return this.__data__.has(a);
+import _ from "./index.es506.js";
+import e from "./index.es464.js";
+import r from "./index.es438.js";
+var h = 200;
+function m(i, s) {
+  var t = this.__data__;
+  if (t instanceof _) {
+    var a = t.__data__;
+    if (!e || a.length < h - 1)
+      return a.push([i, s]), this.size = ++t.size, this;
+    t = this.__data__ = new r(a);
+  }
+  return t.set(i, s), this.size = t.size, this;
 }
 export {
-  t as default
+  m as default
 };
 //# sourceMappingURL=index.es512.js.map

package/dist/index.es512.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es512.js","sources":["../../../node_modules/lodash-es/_stackHas.js"],"sourcesContent":["/**\n * Checks if a stack value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Stack\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction stackHas(key) {\n  return this.__data__.has(key);\n}\n\nexport default stackHas;\n"],"names":["stackHas","key"],"mappings":"AASA,SAASA,EAASC,GAAK;AACd,SAAA,KAAK,SAAS,IAAIA,CAAG;AAC9B;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es512.js","sources":["../../../node_modules/lodash-es/_stackSet.js"],"sourcesContent":["import ListCache from './_ListCache.js';\nimport Map from './_Map.js';\nimport MapCache from './_MapCache.js';\n\n/** Used as the size to enable large array optimizations. */\nvar LARGE_ARRAY_SIZE = 200;\n\n/**\n * Sets the stack `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Stack\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the stack cache instance.\n */\nfunction stackSet(key, value) {\n  var data = this.__data__;\n  if (data instanceof ListCache) {\n    var pairs = data.__data__;\n    if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) {\n      pairs.push([key, value]);\n      this.size = ++data.size;\n      return this;\n    }\n    data = this.__data__ = new MapCache(pairs);\n  }\n  data.set(key, value);\n  this.size = data.size;\n  return this;\n}\n\nexport default stackSet;\n"],"names":["LARGE_ARRAY_SIZE","stackSet","key","value","data","ListCache","pairs","Map","MapCache"],"mappings":";;;AAKA,IAAIA,IAAmB;AAYvB,SAASC,EAASC,GAAKC,GAAO;AAC5B,MAAIC,IAAO,KAAK;AAChB,MAAIA,aAAgBC,GAAW;AAC7B,QAAIC,IAAQF,EAAK;AACjB,QAAI,CAACG,KAAQD,EAAM,SAASN,IAAmB;AAC7C,aAAAM,EAAM,KAAK,CAACJ,GAAKC,CAAK,CAAC,GAClB,KAAA,OAAO,EAAEC,EAAK,MACZ;AAET,IAAAA,IAAO,KAAK,WAAW,IAAII,EAASF,CAAK;AAAA,EAC3C;AACK,SAAAF,EAAA,IAAIF,GAAKC,CAAK,GACnB,KAAK,OAAOC,EAAK,MACV;AACT;","x_google_ignoreList":[0]}

package/dist/index.es513.js

@@ -1,18 +1,15 @@
-import _ from "./index.es507.js";
-import e from "./index.es471.js";
-import r from "./index.es438.js";
-var h = 200;
-function m(i, s) {
-  var t = this.__data__;
-  if (t instanceof _) {
-    var a = t.__data__;
-    if (!e || a.length < h - 1)
-      return a.push([i, s]), this.size = ++t.size, this;
-    t = this.__data__ = new r(a);
+import w from "./index.es437.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 t.set(i, s), this.size = t.size, this;
+  return 0;
 }
 export {
-  m as default
+  B as default
 };
 //# sourceMappingURL=index.es513.js.map

package/dist/index.es513.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es513.js","sources":["../../../node_modules/lodash-es/_stackSet.js"],"sourcesContent":["import ListCache from './_ListCache.js';\nimport Map from './_Map.js';\nimport MapCache from './_MapCache.js';\n\n/** Used as the size to enable large array optimizations. */\nvar LARGE_ARRAY_SIZE = 200;\n\n/**\n * Sets the stack `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Stack\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the stack cache instance.\n */\nfunction stackSet(key, value) {\n  var data = this.__data__;\n  if (data instanceof ListCache) {\n    var pairs = data.__data__;\n    if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) {\n      pairs.push([key, value]);\n      this.size = ++data.size;\n      return this;\n    }\n    data = this.__data__ = new MapCache(pairs);\n  }\n  data.set(key, value);\n  this.size = data.size;\n  return this;\n}\n\nexport default stackSet;\n"],"names":["LARGE_ARRAY_SIZE","stackSet","key","value","data","ListCache","pairs","Map","MapCache"],"mappings":";;;AAKA,IAAIA,IAAmB;AAYvB,SAASC,EAASC,GAAKC,GAAO;AAC5B,MAAIC,IAAO,KAAK;AAChB,MAAIA,aAAgBC,GAAW;AAC7B,QAAIC,IAAQF,EAAK;AACjB,QAAI,CAACG,KAAQD,EAAM,SAASN,IAAmB;AAC7C,aAAAM,EAAM,KAAK,CAACJ,GAAKC,CAAK,CAAC,GAClB,KAAA,OAAO,EAAEC,EAAK,MACZ;AAET,IAAAA,IAAO,KAAK,WAAW,IAAII,EAASF,CAAK;AAAA,EAC3C;AACK,SAAAF,EAAA,IAAIF,GAAKC,CAAK,GACnB,KAAK,OAAOC,EAAK,MACV;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es513.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]}

package/dist/index.es514.js

@@ -1,4 +1,4 @@
-import r from "./index.es455.js";
+import r from "./index.es451.js";
 var t = r.Uint8Array;
 const o = t;
 export {

package/dist/index.es529.js

@@ -1,4 +1,4 @@
-import r from "./index.es455.js";
+import r from "./index.es451.js";
 var a = r["__core-js_shared__"];
 export {
   a as default

package/dist/index.es530.js

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

package/dist/index.es531.js

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

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.es266.js";
+import m from "./index.es253.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.es240.js";
+import t from "./index.es227.js";
 const e = t("String");
 export {
   e as default

package/dist/index.es66.js

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

package/dist/index.es67.js

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

package/dist/index.es68.js

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

package/dist/index.es69.js

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

package/dist/index.es70.js

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

package/dist/index.es71.js

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

package/dist/index.es72.js

@@ -1,4 +1,4 @@
-import r from "./index.es240.js";
+import r from "./index.es227.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.es240.js";
+import t from "./index.es227.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.es242.js";
+import n from "./index.es229.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.es243.js";
+import e from "./index.es230.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.es244.js";
+import j from "./index.es231.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.es241.js";
-import d from "./index.es245.js";
+import q from "./index.es228.js";
+import d from "./index.es232.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.es240.js";
+import e from "./index.es227.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.es241.js";
-import o from "./index.es247.js";
+import n from "./index.es228.js";
+import o from "./index.es234.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.es247.js";
+import i from "./index.es234.js";
 function s(r) {
   if (!e(r))
     return [];

package/dist/index.es87.js

@@ -1,4 +1,4 @@
-import e from "./index.es248.js";
+import e from "./index.es235.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.es248.js";
+import e from "./index.es235.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.es248.js";
+import e from "./index.es235.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.es249.js";
+import a from "./index.es236.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.es250.js";
-import i from "./index.es251.js";
+import f from "./index.es237.js";
+import i from "./index.es238.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.es241.js";
-import o from "./index.es250.js";
+import n from "./index.es228.js";
+import o from "./index.es237.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.es252.js";
+import t from "./index.es239.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.es251.js";
-import e from "./index.es250.js";
+import o from "./index.es238.js";
+import e from "./index.es237.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.9",
+  "version": "3.0.6",
   "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.9",
-    "@performant-software/shared-components": "^3.0.6-beta.9",
+    "@performant-software/semantic-components": "^3.0.6",
+    "@performant-software/shared-components": "^3.0.6",
     "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, index) => {
+  const renderItem = useCallback((field) => {
     let rendered;
 
     const fieldValue = props.data && props.data[field.uuid];
@@ -70,11 +70,10 @@ 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)}
-          value={fieldValue || ''}
+          value={fieldValue}
         />
       );
     }
@@ -83,11 +82,10 @@ 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)}
-          value={fieldValue || 0}
+          value={fieldValue}
           type='number'
         />
       );
@@ -98,7 +96,6 @@ 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}
@@ -106,9 +103,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
           onChange={(e, { value }) => onChange(field, value)}
           selectOnBlur={false}
           selection
-          value={field.allow_multiple
-            ? (fieldValue || [])
-            : (fieldValue || '')}
+          value={fieldValue}
         />
       );
     }
@@ -117,11 +112,10 @@ 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)}
-          value={fieldValue || ''}
+          value={fieldValue}
         />
       );
     }
@@ -130,7 +124,6 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
-          key={index}
           label={field.column_name}
           required={field.required}
         >
@@ -146,7 +139,6 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
-          key={index}
           label={field.column_name}
           required={field.required}
         >
@@ -165,7 +157,6 @@ 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)}
         />
@@ -176,7 +167,6 @@ 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, index) => {
+  const renderItem = useCallback((field) => {
     let rendered;
 
     const fieldValue = props.data && props.data[field.uuid];
@@ -70,11 +70,10 @@ 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)}
-          value={fieldValue || ''}
+          value={fieldValue}
         />
       );
     }
@@ -83,11 +82,10 @@ 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)}
-          value={fieldValue || 0}
+          value={fieldValue}
           type='number'
         />
       );
@@ -98,7 +96,6 @@ 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}
@@ -106,9 +103,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
           onChange={(e, { value }) => onChange(field, value)}
           selectOnBlur={false}
           selection
-          value={field.allow_multiple
-            ? (fieldValue || [])
-            : (fieldValue || '')}
+          value={fieldValue}
         />
       );
     }
@@ -117,11 +112,10 @@ 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)}
-          value={fieldValue || ''}
+          value={fieldValue}
         />
       );
     }
@@ -130,7 +124,6 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
-          key={index}
           label={field.column_name}
           required={field.required}
         >
@@ -146,7 +139,6 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
-          key={index}
           label={field.column_name}
           required={field.required}
         >
@@ -165,7 +157,6 @@ 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)}
         />
@@ -176,7 +167,6 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
       rendered = (
         <Form.Input
           error={isError(field)}
-          key={index}
           label={field.column_name}
           required={field.required}
         >