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

package/dist/index.es522.js

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

package/dist/index.es524.js

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

package/dist/index.es525.js

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

package/dist/index.es526.js

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

package/dist/index.es527.js

@@ -1,4 +1,4 @@
-import e from "./index.es530.js";
+import e from "./index.es531.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.es530.js

@@ -1,11 +1,6 @@
-import r from "./index.es460.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.es480.js";
+var a = e(Object, "create");
 export {
-  o as default
+  a 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/_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.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]}

package/dist/index.es531.js

@@ -1,6 +1,11 @@
-import e from "./index.es480.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.es531.js.map

package/dist/index.es531.js.map

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

package/dist/index.es7.js

@@ -1,8 +1,8 @@
-import { j as h } from "./index.es13.js";
-import { BooleanIcon as v } from "@performant-software/semantic-components";
-import { Date as y } from "@performant-software/shared-components";
-import { useState as a, useCallback as D, useMemo as x, useEffect as b } from "react";
-import R from "./index.es16.js";
+import { j as f } from "./index.es13.js";
+import { BooleanIcon as _ } from "@performant-software/semantic-components";
+import { Date as D } from "@performant-software/shared-components";
+import { useCallback as h, useMemo as v, useState as d, useEffect as y } from "react";
+import x from "./index.es16.js";
 import "./index.es17.js";
 import "./index.es18.js";
 import "./index.es19.js";
@@ -30,46 +30,53 @@ import "./index.es40.js";
 import "./index.es41.js";
 import "./index.es42.js";
 import "./index.es43.js";
-import { DataTypes as p } from "./index.es49.js";
-import j from "./index.es8.js";
-const me = (s, l, m = {}) => {
-  const [n, c] = a([]), [d, u] = a(!1), { sortable: f = !0 } = m, i = D((r, e) => {
-    let t = r;
-    return m.resolveRecord && (t = m.resolveRecord(r)), t.user_defined ? t.user_defined[e.uuid] : null;
-  }, [m.resolveRecord]), _ = x(() => {
+import { DataTypes as l } from "./index.es49.js";
+import F from "./index.es8.js";
+const te = (s, u, t = {}) => {
+  const { loading: n, userDefinedFields: p } = b(s, u), { sortable: a = !0 } = t, i = h((r, e) => {
+    let o = r;
+    return t.resolveRecord && (o = t.resolveRecord(r)), o.user_defined ? o.user_defined[e.uuid] : null;
+  }, [t.resolveRecord]), c = v(() => {
     const r = [];
-    return R.each(n, (e) => {
-      const t = {
+    return x.each(p, (e) => {
+      const o = {
         name: e.uuid,
         label: e.column_name,
         hidden: !0,
-        sortable: f
+        sortable: a
       };
-      e.data_type === p.boolean && r.push({
-        ...t,
-        render: (o) => /* @__PURE__ */ h.jsx(
-          v,
+      e.data_type === l.boolean && r.push({
+        ...o,
+        render: (m) => /* @__PURE__ */ f.jsx(
+          _,
           {
-            value: i(o, e)
+            value: i(m, e)
           }
         )
-      }), e.data_type === p.date && r.push({
-        ...t,
-        resolve: (o) => y.formatDate(i(o, e))
-      }), e.data_type !== p.richText && r.push({
-        ...t,
-        resolve: (o) => i(o, e)
+      }), e.data_type === l.date && r.push({
+        ...o,
+        resolve: (m) => D.formatDate(i(m, e))
+      }), e.data_type !== l.richText && r.push({
+        ...o,
+        resolve: (m) => i(m, e)
       });
     }), r;
-  }, [n, i]);
-  return b(() => {
-    u(!0), j.fetchAll({ defineable_id: s, defineable_type: l }).then(({ data: r }) => c(r.user_defined_fields)).finally(() => u(!1));
+  }, [p, i]);
+  return {
+    loading: n,
+    userDefinedColumns: c
+  };
+}, b = (s, u) => {
+  const [t, n] = d(!1), [p, a] = d([]);
+  return y(() => {
+    n(!0), F.fetchAll({ defineable_id: s, defineable_type: u }).then(({ data: i }) => a(i.user_defined_fields)).finally(() => n(!1));
   }, [s, s]), {
-    loading: d,
-    userDefinedColumns: _
+    loading: t,
+    userDefinedFields: p
   };
 };
 export {
-  me as default
+  te as useUserDefinedColumns,
+  b as useUserDefinedFields
 };
 //# 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, {\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 * @param options\n *\n * @returns {{userDefinedColumns: [], loading: boolean}}\n */\nconst useUserDefinedColumns = (defineableId, defineableType, options = {}) => {\n  const [fields, setFields] = useState([]);\n  const [loading, setLoading] = useState(false);\n\n  const { sortable = true } = options;\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    let record = item;\n\n    if (options.resolveRecord) {\n      record = options.resolveRecord(item);\n    }\n\n    if (!record.user_defined) {\n      return null;\n    }\n\n    return record.user_defined[field.uuid];\n  }, [options.resolveRecord]);\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.uuid,\n        label: field.column_name,\n        hidden: true,\n        sortable\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","options","fields","setFields","useState","loading","setLoading","sortable","resolveValue","useCallback","item","field","record","userDefinedColumns","useMemo","columns","_","column","DataTypes","jsx","BooleanIcon","DateUtils","useEffect","UserDefinedFieldsService","data"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAMA,KAAwB,CAACC,GAAcC,GAAgBC,IAAU,CAAA,MAAO;AAC5E,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,CAAE,CAAA,GACjC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtC,EAAE,UAAAG,IAAW,GAAS,IAAAN,GAOtBO,IAAeC,EAAY,CAACC,GAAMC,MAAU;AAChD,QAAIC,IAASF;AAMT,WAJAT,EAAQ,kBACDW,IAAAX,EAAQ,cAAcS,CAAI,IAGhCE,EAAO,eAILA,EAAO,aAAaD,EAAM,IAAI,IAH5B;AAAA,EAG4B,GACpC,CAACV,EAAQ,aAAa,CAAC,GAOpBY,IAAqBC,EAAQ,MAAM;AACvC,UAAMC,IAAU,CAAA;AAEd,WAAAC,EAAA,KAAKd,GAAQ,CAACS,MAAU;AACxB,YAAMM,IAAS;AAAA,QACb,MAAMN,EAAM;AAAA,QACZ,OAAOA,EAAM;AAAA,QACb,QAAQ;AAAA,QACR,UAAAJ;AAAA,MAAA;AAGE,MAAAI,EAAM,cAAcO,EAAU,WAChCH,EAAQ,KAAK;AAAA,QACX,GAAGE;AAAA,QACH,QAAQ,CAACP,MACPS,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOZ,EAAaE,GAAMC,CAAK;AAAA,UAAA;AAAA,QACjC;AAAA,MAAA,CAEH,GAGCA,EAAM,cAAcO,EAAU,QAChCH,EAAQ,KAAK;AAAA,QACX,GAAGE;AAAA,QACH,SAAS,CAACP,MAASW,EAAU,WAAWb,EAAaE,GAAMC,CAAK,CAAC;AAAA,MAAA,CAClE,GAGCA,EAAM,cAAcO,EAAU,YAChCH,EAAQ,KAAK;AAAA,QACX,GAAGE;AAAA,QACH,SAAS,CAACP,MAASF,EAAaE,GAAMC,CAAK;AAAA,MAAA,CAC5C;AAAA,IACH,CACD,GAEMI;AAAA,EAAA,GACN,CAACb,GAAQM,CAAY,CAAC;AAKzB,SAAAc,EAAU,MAAM;AACd,IAAAhB,EAAW,EAAI,GAGZiB,EAAA,SAAS,EAAE,eAAexB,GAAc,iBAAiBC,EAAe,CAAC,EACzE,KAAK,CAAC,EAAE,MAAAwB,QAAWrB,EAAUqB,EAAK,mBAAmB,CAAC,EACtD,QAAQ,MAAMlB,EAAW,EAAK,CAAC;AAAA,EAAA,GACjC,CAACP,GAAcA,CAAY,CAAC,GAExB;AAAA,IACL,SAAAM;AAAA,IACA,oBAAAQ;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 * @param options\n *\n * @returns {{userDefinedColumns: [], loading: boolean}}\n */\nexport const useUserDefinedColumns = (defineableId, defineableType, options = {}) => {\n  const { loading, userDefinedFields } = useUserDefinedFields(defineableId, defineableType);\n  const { sortable = true } = options;\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    let record = item;\n\n    if (options.resolveRecord) {\n      record = options.resolveRecord(item);\n    }\n\n    if (!record.user_defined) {\n      return null;\n    }\n\n    return record.user_defined[field.uuid];\n  }, [options.resolveRecord]);\n\n  /**\n   * Memo-izes the columns.\n   *\n   * @type {[]}\n   */\n  const userDefinedColumns = useMemo(() => {\n    const columns = [];\n\n    _.each(userDefinedFields, (field) => {\n      const column = {\n        name: field.uuid,\n        label: field.column_name,\n        hidden: true,\n        sortable\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  }, [userDefinedFields, resolveValue]);\n\n  return {\n    loading,\n    userDefinedColumns\n  };\n};\n\nexport const useUserDefinedFields = (defineableId, defineableType) => {\n  const [loading, setLoading] = useState(false);\n  const [userDefinedFields, setUserDefinedFields] = useState([]);\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 }) => setUserDefinedFields(data.user_defined_fields))\n      .finally(() => setLoading(false));\n  }, [defineableId, defineableId]);\n\n  return {\n    loading,\n    userDefinedFields\n  };\n};\n"],"names":["useUserDefinedColumns","defineableId","defineableType","options","loading","userDefinedFields","useUserDefinedFields","sortable","resolveValue","useCallback","item","field","record","userDefinedColumns","useMemo","columns","_","column","DataTypes","jsx","BooleanIcon","DateUtils","setLoading","useState","setUserDefinedFields","useEffect","UserDefinedFieldsService","data"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAMA,KAAwB,CAACC,GAAcC,GAAgBC,IAAU,CAAA,MAAO;AACnF,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAqBL,GAAcC,CAAc,GAClF,EAAE,UAAAK,IAAW,GAAS,IAAAJ,GAOtBK,IAAeC,EAAY,CAACC,GAAMC,MAAU;AAChD,QAAIC,IAASF;AAMT,WAJAP,EAAQ,kBACDS,IAAAT,EAAQ,cAAcO,CAAI,IAGhCE,EAAO,eAILA,EAAO,aAAaD,EAAM,IAAI,IAH5B;AAAA,EAG4B,GACpC,CAACR,EAAQ,aAAa,CAAC,GAOpBU,IAAqBC,EAAQ,MAAM;AACvC,UAAMC,IAAU,CAAA;AAEd,WAAAC,EAAA,KAAKX,GAAmB,CAACM,MAAU;AACnC,YAAMM,IAAS;AAAA,QACb,MAAMN,EAAM;AAAA,QACZ,OAAOA,EAAM;AAAA,QACb,QAAQ;AAAA,QACR,UAAAJ;AAAA,MAAA;AAGE,MAAAI,EAAM,cAAcO,EAAU,WAChCH,EAAQ,KAAK;AAAA,QACX,GAAGE;AAAA,QACH,QAAQ,CAACP,MACPS,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOZ,EAAaE,GAAMC,CAAK;AAAA,UAAA;AAAA,QACjC;AAAA,MAAA,CAEH,GAGCA,EAAM,cAAcO,EAAU,QAChCH,EAAQ,KAAK;AAAA,QACX,GAAGE;AAAA,QACH,SAAS,CAACP,MAASW,EAAU,WAAWb,EAAaE,GAAMC,CAAK,CAAC;AAAA,MAAA,CAClE,GAGCA,EAAM,cAAcO,EAAU,YAChCH,EAAQ,KAAK;AAAA,QACX,GAAGE;AAAA,QACH,SAAS,CAACP,MAASF,EAAaE,GAAMC,CAAK;AAAA,MAAA,CAC5C;AAAA,IACH,CACD,GAEMI;AAAA,EAAA,GACN,CAACV,GAAmBG,CAAY,CAAC;AAE7B,SAAA;AAAA,IACL,SAAAJ;AAAA,IACA,oBAAAS;AAAA,EAAA;AAEJ,GAEaP,IAAuB,CAACL,GAAcC,MAAmB;AACpE,QAAM,CAACE,GAASkB,CAAU,IAAIC,EAAS,EAAK,GACtC,CAAClB,GAAmBmB,CAAoB,IAAID,EAAS,CAAE,CAAA;AAK7D,SAAAE,EAAU,MAAM;AACd,IAAAH,EAAW,EAAI,GAGZI,EAAA,SAAS,EAAE,eAAezB,GAAc,iBAAiBC,EAAe,CAAC,EACzE,KAAK,CAAC,EAAE,MAAAyB,QAAWH,EAAqBG,EAAK,mBAAmB,CAAC,EACjE,QAAQ,MAAML,EAAW,EAAK,CAAC;AAAA,EAAA,GACjC,CAACrB,GAAcA,CAAY,CAAC,GAExB;AAAA,IACL,SAAAG;AAAA,IACA,mBAAAC;AAAA,EAAA;AAEJ;"}

package/package.json

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

package/src/hooks/UserDefinedFields.js

@@ -21,10 +21,8 @@ import UserDefinedFieldsService from '../services/UserDefinedFields';
  *
  * @returns {{userDefinedColumns: [], loading: boolean}}
  */
-const useUserDefinedColumns = (defineableId, defineableType, options = {}) => {
-  const [fields, setFields] = useState([]);
-  const [loading, setLoading] = useState(false);
-
+export const useUserDefinedColumns = (defineableId, defineableType, options = {}) => {
+  const { loading, userDefinedFields } = useUserDefinedFields(defineableId, defineableType);
   const { sortable = true } = options;
 
   /**
@@ -54,7 +52,7 @@ const useUserDefinedColumns = (defineableId, defineableType, options = {}) => {
   const userDefinedColumns = useMemo(() => {
     const columns = [];
 
-    _.each(fields, (field) => {
+    _.each(userDefinedFields, (field) => {
       const column = {
         name: field.uuid,
         label: field.column_name,
@@ -89,7 +87,17 @@ const useUserDefinedColumns = (defineableId, defineableType, options = {}) => {
     });
 
     return columns;
-  }, [fields, resolveValue]);
+  }, [userDefinedFields, resolveValue]);
+
+  return {
+    loading,
+    userDefinedColumns
+  };
+};
+
+export const useUserDefinedFields = (defineableId, defineableType) => {
+  const [loading, setLoading] = useState(false);
+  const [userDefinedFields, setUserDefinedFields] = useState([]);
 
   /**
    * Fetches the user defined fields for the passed defineable ID and defineable type.
@@ -99,14 +107,12 @@ const useUserDefinedColumns = (defineableId, defineableType, options = {}) => {
 
     UserDefinedFieldsService
       .fetchAll({ defineable_id: defineableId, defineable_type: defineableType })
-      .then(({ data }) => setFields(data.user_defined_fields))
+      .then(({ data }) => setUserDefinedFields(data.user_defined_fields))
       .finally(() => setLoading(false));
   }, [defineableId, defineableId]);
 
   return {
     loading,
-    userDefinedColumns
+    userDefinedFields
   };
 };
-
-export default useUserDefinedColumns;

package/src/index.js

@@ -8,7 +8,7 @@ export { default as UserDefinedFieldsForm } from './components/UserDefinedFields
 export { default as UserDefinedFieldsList } from './components/UserDefinedFieldsList';
 
 // Hooks
-export { default as useUserDefinedColumns } from './hooks/UserDefinedFields';
+export { useUserDefinedColumns, useUserDefinedFields } from './hooks/UserDefinedFields';
 
 // Services
 export { default as UserDefinedFieldsService } from './services/UserDefinedFields';

package/types/hooks/UserDefinedFields.js.flow

@@ -21,10 +21,8 @@ import UserDefinedFieldsService from '../services/UserDefinedFields';
  *
  * @returns {{userDefinedColumns: [], loading: boolean}}
  */
-const useUserDefinedColumns = (defineableId, defineableType, options = {}) => {
-  const [fields, setFields] = useState([]);
-  const [loading, setLoading] = useState(false);
-
+export const useUserDefinedColumns = (defineableId, defineableType, options = {}) => {
+  const { loading, userDefinedFields } = useUserDefinedFields(defineableId, defineableType);
   const { sortable = true } = options;
 
   /**
@@ -54,7 +52,7 @@ const useUserDefinedColumns = (defineableId, defineableType, options = {}) => {
   const userDefinedColumns = useMemo(() => {
     const columns = [];
 
-    _.each(fields, (field) => {
+    _.each(userDefinedFields, (field) => {
       const column = {
         name: field.uuid,
         label: field.column_name,
@@ -89,7 +87,17 @@ const useUserDefinedColumns = (defineableId, defineableType, options = {}) => {
     });
 
     return columns;
-  }, [fields, resolveValue]);
+  }, [userDefinedFields, resolveValue]);
+
+  return {
+    loading,
+    userDefinedColumns
+  };
+};
+
+export const useUserDefinedFields = (defineableId, defineableType) => {
+  const [loading, setLoading] = useState(false);
+  const [userDefinedFields, setUserDefinedFields] = useState([]);
 
   /**
    * Fetches the user defined fields for the passed defineable ID and defineable type.
@@ -99,14 +107,12 @@ const useUserDefinedColumns = (defineableId, defineableType, options = {}) => {
 
     UserDefinedFieldsService
       .fetchAll({ defineable_id: defineableId, defineable_type: defineableType })
-      .then(({ data }) => setFields(data.user_defined_fields))
+      .then(({ data }) => setUserDefinedFields(data.user_defined_fields))
       .finally(() => setLoading(false));
   }, [defineableId, defineableId]);
 
   return {
     loading,
-    userDefinedColumns
+    userDefinedFields
   };
 };
-
-export default useUserDefinedColumns;

package/types/index.js.flow

@@ -8,7 +8,7 @@ export { default as UserDefinedFieldsForm } from './components/UserDefinedFields
 export { default as UserDefinedFieldsList } from './components/UserDefinedFieldsList';
 
 // Hooks
-export { default as useUserDefinedColumns } from './hooks/UserDefinedFields';
+export { useUserDefinedColumns, useUserDefinedFields } from './hooks/UserDefinedFields';
 
 // Services
 export { default as UserDefinedFieldsService } from './services/UserDefinedFields';