@performant-software/user-defined-fields 2.2.2-beta.1 → 2.2.2-beta.3

package/dist/index.es508.js.map

@@ -1 +1 @@
-{"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]}
+{"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]}

package/dist/index.es509.js

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

package/dist/index.es513.js

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

package/dist/index.es514.js

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

package/dist/index.es516.js

@@ -1,5 +1,5 @@
-import t from "./index.es461.js";
-import o from "./index.es498.js";
+import t from "./index.es453.js";
+import o from "./index.es497.js";
 import r from "./index.es293.js";
 function f(e) {
   return t(e, r, o);

package/dist/index.es519.js

@@ -1,4 +1,4 @@
-import t from "./index.es530.js";
+import t from "./index.es531.js";
 function e() {
   this.__data__ = t ? t(null) : {}, this.size = 0;
 }

package/dist/index.es521.js

@@ -1,4 +1,4 @@
-import o from "./index.es530.js";
+import o from "./index.es531.js";
 var e = "__lodash_hash_undefined__", _ = Object.prototype, n = _.hasOwnProperty;
 function h(a) {
   var r = this.__data__;

package/dist/index.es522.js

@@ -1,4 +1,4 @@
-import r from "./index.es530.js";
+import r from "./index.es531.js";
 var o = Object.prototype, e = o.hasOwnProperty;
 function p(t) {
   var a = this.__data__;

package/dist/index.es523.js

@@ -1,4 +1,4 @@
-import h from "./index.es530.js";
+import h from "./index.es531.js";
 var i = "__lodash_hash_undefined__";
 function e(t, a) {
   var _ = this.__data__;

package/dist/index.es525.js

@@ -1,4 +1,4 @@
-import s from "./index.es531.js";
+import s from "./index.es530.js";
 var i = Array.prototype, l = i.splice;
 function n(r) {
   var e = this.__data__, a = s(e, r);

package/dist/index.es526.js

@@ -1,4 +1,4 @@
-import d from "./index.es531.js";
+import d from "./index.es530.js";
 function o(e) {
   var t = this.__data__, a = d(t, e);
   return a < 0 ? void 0 : t[a][1];

package/dist/index.es527.js

@@ -1,4 +1,4 @@
-import a from "./index.es531.js";
+import a from "./index.es530.js";
 function e(t) {
   return a(this.__data__, t) > -1;
 }

package/dist/index.es528.js

@@ -1,4 +1,4 @@
-import e from "./index.es531.js";
+import e from "./index.es530.js";
 function d(s, i) {
   var t = this.__data__, a = e(t, s);
   return a < 0 ? (++this.size, t.push([s, i])) : t[a][1] = i, this;

package/dist/index.es529.js

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

package/dist/index.es530.js

@@ -1,6 +1,11 @@
-import e from "./index.es479.js";
-var a = e(Object, "create");
+import r from "./index.es463.js";
+function o(t, n) {
+  for (var e = t.length; e--; )
+    if (r(t[e][0], n))
+      return e;
+  return -1;
+}
 export {
-  a as default
+  o as default
 };
 //# sourceMappingURL=index.es530.js.map

package/dist/index.es530.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es530.js","sources":["../../../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative"],"mappings":";AAGI,IAAAA,IAAeC,EAAU,QAAQ,QAAQ;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es530.js","sources":["../../../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":";AAUA,SAASA,EAAaC,GAAOC,GAAK;AAEhC,WADIC,IAASF,EAAM,QACZE;AACL,QAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,GAAGD,CAAG;AACnB,aAAAC;AAGJ,SAAA;AACT;","x_google_ignoreList":[0]}

package/dist/index.es531.js

@@ -1,11 +1,6 @@
-import r from "./index.es463.js";
-function o(t, n) {
-  for (var e = t.length; e--; )
-    if (r(t[e][0], n))
-      return e;
-  return -1;
-}
+import e from "./index.es479.js";
+var a = e(Object, "create");
 export {
-  o as default
+  a as default
 };
 //# sourceMappingURL=index.es531.js.map

package/dist/index.es531.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es531.js","sources":["../../../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":";AAUA,SAASA,EAAaC,GAAOC,GAAK;AAEhC,WADIC,IAASF,EAAM,QACZE;AACL,QAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,GAAGD,CAAG;AACnB,aAAAC;AAGJ,SAAA;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es531.js","sources":["../../../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative"],"mappings":";AAGI,IAAAA,IAAeC,EAAU,QAAQ,QAAQ;","x_google_ignoreList":[0]}

package/dist/index.es7.js

@@ -1,8 +1,8 @@
-import { j as l } from "./index.es13.js";
-import { BooleanIcon as c } from "@performant-software/semantic-components";
-import { Date as _ } from "@performant-software/shared-components";
-import { useState as n, useMemo as h, useEffect as y } from "react";
-import D from "./index.es16.js";
+import { j as d } from "./index.es13.js";
+import { BooleanIcon as _ } from "@performant-software/semantic-components";
+import { Date as h } from "@performant-software/shared-components";
+import { useState as a, useCallback as y, useMemo as D, useEffect as v } from "react";
+import x from "./index.es16.js";
 import "./index.es17.js";
 import "./index.es18.js";
 import "./index.es19.js";
@@ -30,43 +30,43 @@ import "./index.es40.js";
 import "./index.es41.js";
 import "./index.es42.js";
 import "./index.es43.js";
-import { DataTypes as i } from "./index.es49.js";
-import x from "./index.es8.js";
-const tt = (r, u) => {
-  const [p, a] = n([]), [d, s] = n(!1), f = h(() => {
+import { DataTypes as p } from "./index.es49.js";
+import b from "./index.es8.js";
+const rt = (m, u) => {
+  const [s, l] = a([]), [f, n] = a(!1), e = y((o, t) => o.user_defined ? o.user_defined[t.uuid] : null, []), c = D(() => {
     const o = [];
-    return D.each(p, (t) => {
-      const m = {
+    return x.each(s, (t) => {
+      const i = {
         name: t.column_name,
         label: t.column_name,
         hidden: !0,
         sortable: !0
       };
-      t.data_type === i.boolean && o.push({
-        ...m,
-        render: (e) => /* @__PURE__ */ l.jsx(
-          c,
+      t.data_type === p.boolean && o.push({
+        ...i,
+        render: (r) => /* @__PURE__ */ d.jsx(
+          _,
           {
-            value: e.user_defined[t.uuid]
+            value: e(r, t)
           }
         )
-      }), t.data_type === i.date && o.push({
-        ...m,
-        resolve: (e) => _.formatDate(e.user_defined[t.uuid])
-      }), t.data_type !== i.richText && o.push({
-        ...m,
-        resolve: (e) => e.user_defined[t.uuid]
+      }), t.data_type === p.date && o.push({
+        ...i,
+        resolve: (r) => h.formatDate(e(r, t))
+      }), t.data_type !== p.richText && o.push({
+        ...i,
+        resolve: (r) => e(r, t)
       });
     }), o;
-  }, [p]);
-  return y(() => {
-    s(!0), x.fetchAll({ defineable_id: r, defineable_type: u }).then(({ data: o }) => a(o.user_defined_fields)).finally(() => s(!1));
-  }, [r, r]), {
-    loading: d,
-    userDefinedColumns: f
+  }, [s, e]);
+  return v(() => {
+    n(!0), b.fetchAll({ defineable_id: m, defineable_type: u }).then(({ data: o }) => l(o.user_defined_fields)).finally(() => n(!1));
+  }, [m, m]), {
+    loading: f,
+    userDefinedColumns: c
   };
 };
 export {
-  tt as default
+  rt as default
 };
 //# sourceMappingURL=index.es7.js.map

package/dist/index.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es7.js","sources":["../src/hooks/UserDefinedFields.js"],"sourcesContent":["// @flow\n\nimport { BooleanIcon } from '@performant-software/semantic-components';\nimport { Date as DateUtils } from '@performant-software/shared-components';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport _ from 'underscore';\nimport { DataTypes } from '../constants/DataTypes';\nimport UserDefinedFieldsService from '../services/UserDefinedFields';\n\n/**\n * Returns the loading state and list of user defined columns for the passed defineable ID and defineable type.\n *\n * @param defineableId\n * @param defineableType\n *\n * @returns {{userDefinedColumns: [], loading: boolean}}\n */\nconst useUserDefinedColumns = (defineableId, defineableType) => {\n  const [fields, setFields] = useState([]);\n  const [loading, setLoading] = useState(false);\n\n  /**\n   * Memo-izes the columns.\n   *\n   * @type {[]}\n   */\n  const userDefinedColumns = useMemo(() => {\n    const columns = [];\n\n    _.each(fields, (field) => {\n      const column = {\n        name: field.column_name,\n        label: field.column_name,\n        hidden: true,\n        sortable: true\n      };\n\n      if (field.data_type === DataTypes.boolean) {\n        columns.push({\n          ...column,\n          render: (item) => (\n            <BooleanIcon\n              value={item.user_defined[field.uuid]}\n            />\n          )\n        });\n      }\n\n      if (field.data_type === DataTypes.date) {\n        columns.push({\n          ...column,\n          resolve: (item) => DateUtils.formatDate(item.user_defined[field.uuid])\n        });\n      }\n\n      if (field.data_type !== DataTypes.richText) {\n        columns.push({\n          ...column,\n          resolve: (item) => item.user_defined[field.uuid]\n        });\n      }\n    });\n\n    return columns;\n  }, [fields]);\n\n  /**\n   * Fetches the user defined fields for the passed defineable ID and defineable type.\n   */\n  useEffect(() => {\n    setLoading(true);\n\n    UserDefinedFieldsService\n      .fetchAll({ defineable_id: defineableId, defineable_type: defineableType })\n      .then(({ data }) => setFields(data.user_defined_fields))\n      .finally(() => setLoading(false));\n  }, [defineableId, defineableId]);\n\n  return {\n    loading,\n    userDefinedColumns\n  };\n};\n\nexport default useUserDefinedColumns;\n"],"names":["useUserDefinedColumns","defineableId","defineableType","fields","setFields","useState","loading","setLoading","userDefinedColumns","useMemo","columns","_","field","column","DataTypes","item","jsx","BooleanIcon","DateUtils","useEffect","UserDefinedFieldsService","data"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBM,MAAAA,KAAwB,CAACC,GAAcC,MAAmB;AAC9D,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,CAAE,CAAA,GACjC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAOtCG,IAAqBC,EAAQ,MAAM;AACvC,UAAMC,IAAU,CAAA;AAEd,WAAAC,EAAA,KAAKR,GAAQ,CAACS,MAAU;AACxB,YAAMC,IAAS;AAAA,QACb,MAAMD,EAAM;AAAA,QACZ,OAAOA,EAAM;AAAA,QACb,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAGR,MAAAA,EAAM,cAAcE,EAAU,WAChCJ,EAAQ,KAAK;AAAA,QACX,GAAGG;AAAA,QACH,QAAQ,CAACE,MACPC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOF,EAAK,aAAaH,EAAM,IAAI;AAAA,UAAA;AAAA,QACrC;AAAA,MAAA,CAEH,GAGCA,EAAM,cAAcE,EAAU,QAChCJ,EAAQ,KAAK;AAAA,QACX,GAAGG;AAAA,QACH,SAAS,CAACE,MAASG,EAAU,WAAWH,EAAK,aAAaH,EAAM,IAAI,CAAC;AAAA,MAAA,CACtE,GAGCA,EAAM,cAAcE,EAAU,YAChCJ,EAAQ,KAAK;AAAA,QACX,GAAGG;AAAA,QACH,SAAS,CAACE,MAASA,EAAK,aAAaH,EAAM,IAAI;AAAA,MAAA,CAChD;AAAA,IACH,CACD,GAEMF;AAAA,EAAA,GACN,CAACP,CAAM,CAAC;AAKX,SAAAgB,EAAU,MAAM;AACd,IAAAZ,EAAW,EAAI,GAGZa,EAAA,SAAS,EAAE,eAAenB,GAAc,iBAAiBC,EAAe,CAAC,EACzE,KAAK,CAAC,EAAE,MAAAmB,QAAWjB,EAAUiB,EAAK,mBAAmB,CAAC,EACtD,QAAQ,MAAMd,EAAW,EAAK,CAAC;AAAA,EAAA,GACjC,CAACN,GAAcA,CAAY,CAAC,GAExB;AAAA,IACL,SAAAK;AAAA,IACA,oBAAAE;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"index.es7.js","sources":["../src/hooks/UserDefinedFields.js"],"sourcesContent":["// @flow\n\nimport { BooleanIcon } from '@performant-software/semantic-components';\nimport { Date as DateUtils } from '@performant-software/shared-components';\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState\n} from 'react';\nimport _ from 'underscore';\nimport { DataTypes } from '../constants/DataTypes';\nimport UserDefinedFieldsService from '../services/UserDefinedFields';\n\n/**\n * Returns the loading state and list of user defined columns for the passed defineable ID and defineable type.\n *\n * @param defineableId\n * @param defineableType\n *\n * @returns {{userDefinedColumns: [], loading: boolean}}\n */\nconst useUserDefinedColumns = (defineableId, defineableType) => {\n  const [fields, setFields] = useState([]);\n  const [loading, setLoading] = useState(false);\n\n  /**\n   * Resolves the user defined field value for the passed item.\n   *\n   * @type {(function(*, *): (null|*))|*}\n   */\n  const resolveValue = useCallback((item, field) => {\n    if (!item.user_defined) {\n      return null;\n    }\n\n    return item.user_defined[field.uuid];\n  }, []);\n\n  /**\n   * Memo-izes the columns.\n   *\n   * @type {[]}\n   */\n  const userDefinedColumns = useMemo(() => {\n    const columns = [];\n\n    _.each(fields, (field) => {\n      const column = {\n        name: field.column_name,\n        label: field.column_name,\n        hidden: true,\n        sortable: true\n      };\n\n      if (field.data_type === DataTypes.boolean) {\n        columns.push({\n          ...column,\n          render: (item) => (\n            <BooleanIcon\n              value={resolveValue(item, field)}\n            />\n          )\n        });\n      }\n\n      if (field.data_type === DataTypes.date) {\n        columns.push({\n          ...column,\n          resolve: (item) => DateUtils.formatDate(resolveValue(item, field))\n        });\n      }\n\n      if (field.data_type !== DataTypes.richText) {\n        columns.push({\n          ...column,\n          resolve: (item) => resolveValue(item, field)\n        });\n      }\n    });\n\n    return columns;\n  }, [fields, resolveValue]);\n\n  /**\n   * Fetches the user defined fields for the passed defineable ID and defineable type.\n   */\n  useEffect(() => {\n    setLoading(true);\n\n    UserDefinedFieldsService\n      .fetchAll({ defineable_id: defineableId, defineable_type: defineableType })\n      .then(({ data }) => setFields(data.user_defined_fields))\n      .finally(() => setLoading(false));\n  }, [defineableId, defineableId]);\n\n  return {\n    loading,\n    userDefinedColumns\n  };\n};\n\nexport default useUserDefinedColumns;\n"],"names":["useUserDefinedColumns","defineableId","defineableType","fields","setFields","useState","loading","setLoading","resolveValue","useCallback","item","field","userDefinedColumns","useMemo","columns","_","column","DataTypes","jsx","BooleanIcon","DateUtils","useEffect","UserDefinedFieldsService","data"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBM,MAAAA,KAAwB,CAACC,GAAcC,MAAmB;AAC9D,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,CAAE,CAAA,GACjC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAOtCG,IAAeC,EAAY,CAACC,GAAMC,MACjCD,EAAK,eAIHA,EAAK,aAAaC,EAAM,IAAI,IAH1B,MAIR,CAAE,CAAA,GAOCC,IAAqBC,EAAQ,MAAM;AACvC,UAAMC,IAAU,CAAA;AAEd,WAAAC,EAAA,KAAKZ,GAAQ,CAACQ,MAAU;AACxB,YAAMK,IAAS;AAAA,QACb,MAAML,EAAM;AAAA,QACZ,OAAOA,EAAM;AAAA,QACb,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAGR,MAAAA,EAAM,cAAcM,EAAU,WAChCH,EAAQ,KAAK;AAAA,QACX,GAAGE;AAAA,QACH,QAAQ,CAACN,MACPQ,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOX,EAAaE,GAAMC,CAAK;AAAA,UAAA;AAAA,QACjC;AAAA,MAAA,CAEH,GAGCA,EAAM,cAAcM,EAAU,QAChCH,EAAQ,KAAK;AAAA,QACX,GAAGE;AAAA,QACH,SAAS,CAACN,MAASU,EAAU,WAAWZ,EAAaE,GAAMC,CAAK,CAAC;AAAA,MAAA,CAClE,GAGCA,EAAM,cAAcM,EAAU,YAChCH,EAAQ,KAAK;AAAA,QACX,GAAGE;AAAA,QACH,SAAS,CAACN,MAASF,EAAaE,GAAMC,CAAK;AAAA,MAAA,CAC5C;AAAA,IACH,CACD,GAEMG;AAAA,EAAA,GACN,CAACX,GAAQK,CAAY,CAAC;AAKzB,SAAAa,EAAU,MAAM;AACd,IAAAd,EAAW,EAAI,GAGZe,EAAA,SAAS,EAAE,eAAerB,GAAc,iBAAiBC,EAAe,CAAC,EACzE,KAAK,CAAC,EAAE,MAAAqB,QAAWnB,EAAUmB,EAAK,mBAAmB,CAAC,EACtD,QAAQ,MAAMhB,EAAW,EAAK,CAAC;AAAA,EAAA,GACjC,CAACN,GAAcA,CAAY,CAAC,GAExB;AAAA,IACL,SAAAK;AAAA,IACA,oBAAAM;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/user-defined-fields",
-  "version": "2.2.2-beta.1",
+  "version": "2.2.2-beta.3",
   "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": "^2.2.2-beta.1",
-    "@performant-software/shared-components": "^2.2.2-beta.1",
+    "@performant-software/semantic-components": "^2.2.2-beta.3",
+    "@performant-software/shared-components": "^2.2.2-beta.3",
     "react": ">= 16.13.1 < 19.0.0",
     "react-dom": ">= 16.13.1 < 19.0.0"
   },

package/src/hooks/UserDefinedFields.js

@@ -2,7 +2,12 @@
 
 import { BooleanIcon } from '@performant-software/semantic-components';
 import { Date as DateUtils } from '@performant-software/shared-components';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useState
+} from 'react';
 import _ from 'underscore';
 import { DataTypes } from '../constants/DataTypes';
 import UserDefinedFieldsService from '../services/UserDefinedFields';
@@ -19,6 +24,19 @@ const useUserDefinedColumns = (defineableId, defineableType) => {
   const [fields, setFields] = useState([]);
   const [loading, setLoading] = useState(false);
 
+  /**
+   * Resolves the user defined field value for the passed item.
+   *
+   * @type {(function(*, *): (null|*))|*}
+   */
+  const resolveValue = useCallback((item, field) => {
+    if (!item.user_defined) {
+      return null;
+    }
+
+    return item.user_defined[field.uuid];
+  }, []);
+
   /**
    * Memo-izes the columns.
    *
@@ -40,7 +58,7 @@ const useUserDefinedColumns = (defineableId, defineableType) => {
           ...column,
           render: (item) => (
             <BooleanIcon
-              value={item.user_defined[field.uuid]}
+              value={resolveValue(item, field)}
             />
           )
         });
@@ -49,20 +67,20 @@ const useUserDefinedColumns = (defineableId, defineableType) => {
       if (field.data_type === DataTypes.date) {
         columns.push({
           ...column,
-          resolve: (item) => DateUtils.formatDate(item.user_defined[field.uuid])
+          resolve: (item) => DateUtils.formatDate(resolveValue(item, field))
         });
       }
 
       if (field.data_type !== DataTypes.richText) {
         columns.push({
           ...column,
-          resolve: (item) => item.user_defined[field.uuid]
+          resolve: (item) => resolveValue(item, field)
         });
       }
     });
 
     return columns;
-  }, [fields]);
+  }, [fields, resolveValue]);
 
   /**
    * Fetches the user defined fields for the passed defineable ID and defineable type.

package/types/hooks/UserDefinedFields.js.flow

@@ -2,7 +2,12 @@
 
 import { BooleanIcon } from '@performant-software/semantic-components';
 import { Date as DateUtils } from '@performant-software/shared-components';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useState
+} from 'react';
 import _ from 'underscore';
 import { DataTypes } from '../constants/DataTypes';
 import UserDefinedFieldsService from '../services/UserDefinedFields';
@@ -19,6 +24,19 @@ const useUserDefinedColumns = (defineableId, defineableType) => {
   const [fields, setFields] = useState([]);
   const [loading, setLoading] = useState(false);
 
+  /**
+   * Resolves the user defined field value for the passed item.
+   *
+   * @type {(function(*, *): (null|*))|*}
+   */
+  const resolveValue = useCallback((item, field) => {
+    if (!item.user_defined) {
+      return null;
+    }
+
+    return item.user_defined[field.uuid];
+  }, []);
+
   /**
    * Memo-izes the columns.
    *
@@ -40,7 +58,7 @@ const useUserDefinedColumns = (defineableId, defineableType) => {
           ...column,
           render: (item) => (
             <BooleanIcon
-              value={item.user_defined[field.uuid]}
+              value={resolveValue(item, field)}
             />
           )
         });
@@ -49,20 +67,20 @@ const useUserDefinedColumns = (defineableId, defineableType) => {
       if (field.data_type === DataTypes.date) {
         columns.push({
           ...column,
-          resolve: (item) => DateUtils.formatDate(item.user_defined[field.uuid])
+          resolve: (item) => DateUtils.formatDate(resolveValue(item, field))
         });
       }
 
       if (field.data_type !== DataTypes.richText) {
         columns.push({
           ...column,
-          resolve: (item) => item.user_defined[field.uuid]
+          resolve: (item) => resolveValue(item, field)
         });
       }
     });
 
     return columns;
-  }, [fields]);
+  }, [fields, resolveValue]);
 
   /**
    * Fetches the user defined fields for the passed defineable ID and defineable type.