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

package/dist/index.es498.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es498.js","sources":["../../../node_modules/lodash-es/_getSymbols.js"],"sourcesContent":["import arrayFilter from './_arrayFilter.js';\nimport stubArray from './stubArray.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Built-in value references. */\nvar propertyIsEnumerable = objectProto.propertyIsEnumerable;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeGetSymbols = Object.getOwnPropertySymbols;\n\n/**\n * Creates an array of the own enumerable symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of symbols.\n */\nvar getSymbols = !nativeGetSymbols ? stubArray : function(object) {\n  if (object == null) {\n    return [];\n  }\n  object = Object(object);\n  return arrayFilter(nativeGetSymbols(object), function(symbol) {\n    return propertyIsEnumerable.call(object, symbol);\n  });\n};\n\nexport default getSymbols;\n"],"names":["objectProto","propertyIsEnumerable","nativeGetSymbols","getSymbols","object","arrayFilter","symbol","stubArray","getSymbols$1"],"mappings":";;AAIA,IAAIA,IAAc,OAAO,WAGrBC,IAAuBD,EAAY,sBAGnCE,IAAmB,OAAO,uBAS1BC,IAAcD,IAA+B,SAASE,GAAQ;AAChE,SAAIA,KAAU,OACL,MAETA,IAAS,OAAOA,CAAM,GACfC,EAAYH,EAAiBE,CAAM,GAAG,SAASE,GAAQ;AACrD,WAAAL,EAAqB,KAAKG,GAAQE,CAAM;AAAA,EAAA,CAChD;AACH,IARqCC;AAUrC,MAAAC,IAAeL;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es498.js","sources":["../../../node_modules/lodash-es/_freeGlobal.js"],"sourcesContent":["/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nexport default freeGlobal;\n"],"names":["freeGlobal"],"mappings":"AACA,IAAIA,IAAa,OAAO,UAAU,YAAY,UAAU,OAAO,WAAW,UAAU;","x_google_ignoreList":[0]}

package/dist/index.es499.js

@@ -1,7 +1,9 @@
-function r() {
-  return [];
+function t(n) {
+  return function(r) {
+    return n == null ? void 0 : n[r];
+  };
 }
 export {
-  r as default
+  t as default
 };
 //# sourceMappingURL=index.es499.js.map

package/dist/index.es499.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es499.js","sources":["../../../node_modules/lodash-es/stubArray.js"],"sourcesContent":["/**\n * This method returns a new empty array.\n *\n * @static\n * @memberOf _\n * @since 4.13.0\n * @category Util\n * @returns {Array} Returns the new empty array.\n * @example\n *\n * var arrays = _.times(2, _.stubArray);\n *\n * console.log(arrays);\n * // => [[], []]\n *\n * console.log(arrays[0] === arrays[1]);\n * // => false\n */\nfunction stubArray() {\n  return [];\n}\n\nexport default stubArray;\n"],"names":["stubArray"],"mappings":"AAkBA,SAASA,IAAY;AACnB,SAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es499.js","sources":["../../../node_modules/lodash-es/_basePropertyOf.js"],"sourcesContent":["/**\n * The base implementation of `_.propertyOf` without support for deep paths.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Function} Returns the new accessor function.\n */\nfunction basePropertyOf(object) {\n  return function(key) {\n    return object == null ? undefined : object[key];\n  };\n}\n\nexport default basePropertyOf;\n"],"names":["basePropertyOf","object","key"],"mappings":"AAOA,SAASA,EAAeC,GAAQ;AAC9B,SAAO,SAASC,GAAK;AACnB,WAAOD,KAAU,OAAO,SAAYA,EAAOC,CAAG;AAAA,EAAA;AAElD;","x_google_ignoreList":[0]}

package/dist/index.es5.js

@@ -46,7 +46,7 @@ const me = (r) => {
         label: e.column_name,
         required: e.required,
         onChange: (t, { value: l }) => u(e, l),
-        value: n
+        value: n || ""
       },
       o
     )), e.data_type === c.number && (i = /* @__PURE__ */ a.jsx(
@@ -56,7 +56,7 @@ const me = (r) => {
         label: e.column_name,
         required: e.required,
         onChange: (t, { value: l }) => u(e, l),
-        value: n,
+        value: n || 0,
         type: "number"
       },
       o
@@ -72,7 +72,7 @@ const me = (r) => {
         onChange: (t, { value: l }) => u(e, l),
         selectOnBlur: !1,
         selection: !0,
-        value: e.allow_multiple ? n || [] : n
+        value: e.allow_multiple ? n || [] : n || ""
       },
       o
     )), e.data_type === c.text && (i = /* @__PURE__ */ a.jsx(
@@ -82,7 +82,7 @@ const me = (r) => {
         label: e.column_name,
         required: e.required,
         onChange: (t, { value: l }) => u(e, l),
-        value: n
+        value: n || ""
       },
       o
     )), e.data_type === c.date && (i = /* @__PURE__ */ a.jsx(

package/dist/index.es5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es5.js","sources":["../src/components/UserDefinedFieldsForm.js"],"sourcesContent":["// @flow\n\nimport { DatePicker, FuzzyDate } from '@performant-software/semantic-components';\nimport { FuzzyDateTransform, RichTextArea } from '@performant-software/shared-components';\nimport React, {\n  useCallback,\n  useEffect,\n  useState,\n  type ComponentType\n} from 'react';\nimport { Form } from 'semantic-ui-react';\nimport _ from 'underscore';\nimport { DataTypes } from '../constants/DataTypes';\nimport UserDefinedFieldsService from '../services/UserDefinedFields';\n\ntype Props = {\n  data: any,\n  defineableId?: number,\n  defineableType?: string,\n  fields?: Array,\n  isError: (key: string) => boolean,\n  onChange: (obj: any) => void,\n  onClearValidationError: (...keys: Array<string>) => void,\n  required?: boolean,\n  tableName?: string\n};\n\nconst UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {\n  const [fields, setFields] = useState(props.fields || []);\n\n  /**\n   * Returns the key for the passed field.\n   *\n   * @type {function(*): string}\n   */\n  const getFieldKey = useCallback((field) => `user_defined[${field.uuid}]`, []);\n\n  /**\n   * Returns true if an error exists on the state for the passed field.\n   *\n   * @type {function(*): *}\n   */\n  const isError = useCallback((field) => props.isError(getFieldKey(field)), [getFieldKey, props.isError]);\n\n  /**\n   * Changes the value for the passed item.\n   *\n   * @type {(function(*, *): void)|*}\n   */\n  const onChange = useCallback((field, value) => {\n    props.onChange({ ...props.data, [field.uuid]: value });\n\n    // Clear the validation error if one exists\n    if (props.onClearValidationError) {\n      props.onClearValidationError(getFieldKey(field));\n    }\n  }, [getFieldKey, props.data, props.onChange, props.onClearValidationError]);\n\n  /**\n   * Renders the passed item.\n   *\n   * @type {function(*): *}\n   */\n  const renderItem = useCallback((field, index) => {\n    let rendered;\n\n    const fieldValue = props.data && props.data[field.uuid];\n\n    if (field.data_type === DataTypes.string) {\n      rendered = (\n        <Form.Input\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          required={field.required}\n          onChange={(e, { value }) => onChange(field, value)}\n          value={fieldValue}\n        />\n      );\n    }\n\n    if (field.data_type === DataTypes.number) {\n      rendered = (\n        <Form.Input\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          required={field.required}\n          onChange={(e, { value }) => onChange(field, value)}\n          value={fieldValue}\n          type='number'\n        />\n      );\n    }\n\n    if (field.data_type === DataTypes.select) {\n      rendered = (\n        <Form.Dropdown\n          clearable\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          multiple={field.allow_multiple}\n          required={field.required}\n          options={_.map(field.options, (option) => ({ key: option, value: option, text: option }))}\n          onChange={(e, { value }) => onChange(field, value)}\n          selectOnBlur={false}\n          selection\n          value={field.allow_multiple\n            ? (fieldValue || [])\n            : fieldValue}\n        />\n      );\n    }\n\n    if (field.data_type === DataTypes.text) {\n      rendered = (\n        <Form.TextArea\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          required={field.required}\n          onChange={(e, { value }) => onChange(field, value)}\n          value={fieldValue}\n        />\n      );\n    }\n\n    if (field.data_type === DataTypes.date) {\n      rendered = (\n        <Form.Input\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          required={field.required}\n        >\n          <DatePicker\n            onChange={(date) => onChange(field, date && date.toISOString())}\n            value={fieldValue && new Date(fieldValue)}\n          />\n        </Form.Input>\n      );\n    }\n\n    if (field.data_type === DataTypes.fuzzyDate) {\n      rendered = (\n        <Form.Input\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          required={field.required}\n        >\n          <FuzzyDate\n            centered={false}\n            date={FuzzyDateTransform.toFuzzyDate(fieldValue) || {}}\n            onChange={(date) => onChange(field, FuzzyDateTransform.toData(date))}\n            title={field.column_name}\n          />\n        </Form.Input>\n      );\n    }\n\n    if (field.data_type === DataTypes.boolean) {\n      rendered = (\n        <Form.Checkbox\n          checked={!!fieldValue}\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          onChange={(e, { checked }) => onChange(field, checked)}\n        />\n      );\n    }\n\n    if (field.data_type === DataTypes.richText) {\n      rendered = (\n        <Form.Input\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          required={field.required}\n        >\n          <RichTextArea\n            onChange={(value) => onChange(field, value)}\n            value={fieldValue}\n          />\n        </Form.Input>\n      );\n    }\n\n    return rendered;\n  }, [props.data, isError, onChange]);\n\n  /**\n   * Fetches the user defined fields when the component mounts.\n   */\n  useEffect(() => {\n    // If the fields have been provided as a prop, there is no need to query them here.\n    if (!_.isEmpty(fields)) {\n      return;\n    }\n\n    const params = {\n      defineable_id: props.defineableId,\n      defineable_type: props.defineableType,\n      per_page: 0,\n      required: props.required,\n      sort_by: 'order',\n      table_name: props.tableName\n    };\n\n    UserDefinedFieldsService\n      .fetchAll(params)\n      .then(({ data }) => setFields(data.user_defined_fields));\n  }, []);\n\n  return (\n    <>\n      { _.map(fields, renderItem.bind(this)) }\n    </>\n  );\n};\n\nexport default UserDefinedFieldsForm;\n"],"names":["UserDefinedFieldsForm","props","fields","setFields","useState","getFieldKey","useCallback","field","isError","onChange","value","renderItem","index","rendered","fieldValue","DataTypes","jsx","Form","e","_","option","DatePicker","date","FuzzyDate","FuzzyDateTransform","checked","RichTextArea","useEffect","params","UserDefinedFieldsService","data","Fragment"],"mappings":"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"}
+{"version":3,"file":"index.es5.js","sources":["../src/components/UserDefinedFieldsForm.js"],"sourcesContent":["// @flow\n\nimport { DatePicker, FuzzyDate } from '@performant-software/semantic-components';\nimport { FuzzyDateTransform, RichTextArea } from '@performant-software/shared-components';\nimport React, {\n  useCallback,\n  useEffect,\n  useState,\n  type ComponentType\n} from 'react';\nimport { Form } from 'semantic-ui-react';\nimport _ from 'underscore';\nimport { DataTypes } from '../constants/DataTypes';\nimport UserDefinedFieldsService from '../services/UserDefinedFields';\n\ntype Props = {\n  data: any,\n  defineableId?: number,\n  defineableType?: string,\n  fields?: Array,\n  isError: (key: string) => boolean,\n  onChange: (obj: any) => void,\n  onClearValidationError: (...keys: Array<string>) => void,\n  required?: boolean,\n  tableName?: string\n};\n\nconst UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {\n  const [fields, setFields] = useState(props.fields || []);\n\n  /**\n   * Returns the key for the passed field.\n   *\n   * @type {function(*): string}\n   */\n  const getFieldKey = useCallback((field) => `user_defined[${field.uuid}]`, []);\n\n  /**\n   * Returns true if an error exists on the state for the passed field.\n   *\n   * @type {function(*): *}\n   */\n  const isError = useCallback((field) => props.isError(getFieldKey(field)), [getFieldKey, props.isError]);\n\n  /**\n   * Changes the value for the passed item.\n   *\n   * @type {(function(*, *): void)|*}\n   */\n  const onChange = useCallback((field, value) => {\n    props.onChange({ ...props.data, [field.uuid]: value });\n\n    // Clear the validation error if one exists\n    if (props.onClearValidationError) {\n      props.onClearValidationError(getFieldKey(field));\n    }\n  }, [getFieldKey, props.data, props.onChange, props.onClearValidationError]);\n\n  /**\n   * Renders the passed item.\n   *\n   * @type {function(*): *}\n   */\n  const renderItem = useCallback((field, index) => {\n    let rendered;\n\n    const fieldValue = props.data && props.data[field.uuid];\n\n    if (field.data_type === DataTypes.string) {\n      rendered = (\n        <Form.Input\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          required={field.required}\n          onChange={(e, { value }) => onChange(field, value)}\n          value={fieldValue || ''}\n        />\n      );\n    }\n\n    if (field.data_type === DataTypes.number) {\n      rendered = (\n        <Form.Input\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          required={field.required}\n          onChange={(e, { value }) => onChange(field, value)}\n          value={fieldValue || 0}\n          type='number'\n        />\n      );\n    }\n\n    if (field.data_type === DataTypes.select) {\n      rendered = (\n        <Form.Dropdown\n          clearable\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          multiple={field.allow_multiple}\n          required={field.required}\n          options={_.map(field.options, (option) => ({ key: option, value: option, text: option }))}\n          onChange={(e, { value }) => onChange(field, value)}\n          selectOnBlur={false}\n          selection\n          value={field.allow_multiple\n            ? (fieldValue || [])\n            : (fieldValue || '')}\n        />\n      );\n    }\n\n    if (field.data_type === DataTypes.text) {\n      rendered = (\n        <Form.TextArea\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          required={field.required}\n          onChange={(e, { value }) => onChange(field, value)}\n          value={fieldValue || ''}\n        />\n      );\n    }\n\n    if (field.data_type === DataTypes.date) {\n      rendered = (\n        <Form.Input\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          required={field.required}\n        >\n          <DatePicker\n            onChange={(date) => onChange(field, date && date.toISOString())}\n            value={fieldValue && new Date(fieldValue)}\n          />\n        </Form.Input>\n      );\n    }\n\n    if (field.data_type === DataTypes.fuzzyDate) {\n      rendered = (\n        <Form.Input\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          required={field.required}\n        >\n          <FuzzyDate\n            centered={false}\n            date={FuzzyDateTransform.toFuzzyDate(fieldValue) || {}}\n            onChange={(date) => onChange(field, FuzzyDateTransform.toData(date))}\n            title={field.column_name}\n          />\n        </Form.Input>\n      );\n    }\n\n    if (field.data_type === DataTypes.boolean) {\n      rendered = (\n        <Form.Checkbox\n          checked={!!fieldValue}\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          onChange={(e, { checked }) => onChange(field, checked)}\n        />\n      );\n    }\n\n    if (field.data_type === DataTypes.richText) {\n      rendered = (\n        <Form.Input\n          error={isError(field)}\n          key={index}\n          label={field.column_name}\n          required={field.required}\n        >\n          <RichTextArea\n            onChange={(value) => onChange(field, value)}\n            value={fieldValue}\n          />\n        </Form.Input>\n      );\n    }\n\n    return rendered;\n  }, [props.data, isError, onChange]);\n\n  /**\n   * Fetches the user defined fields when the component mounts.\n   */\n  useEffect(() => {\n    // If the fields have been provided as a prop, there is no need to query them here.\n    if (!_.isEmpty(fields)) {\n      return;\n    }\n\n    const params = {\n      defineable_id: props.defineableId,\n      defineable_type: props.defineableType,\n      per_page: 0,\n      required: props.required,\n      sort_by: 'order',\n      table_name: props.tableName\n    };\n\n    UserDefinedFieldsService\n      .fetchAll(params)\n      .then(({ data }) => setFields(data.user_defined_fields));\n  }, []);\n\n  return (\n    <>\n      { _.map(fields, renderItem.bind(this)) }\n    </>\n  );\n};\n\nexport default UserDefinedFieldsForm;\n"],"names":["UserDefinedFieldsForm","props","fields","setFields","useState","getFieldKey","useCallback","field","isError","onChange","value","renderItem","index","rendered","fieldValue","DataTypes","jsx","Form","e","_","option","DatePicker","date","FuzzyDate","FuzzyDateTransform","checked","RichTextArea","useEffect","params","UserDefinedFieldsService","data","Fragment"],"mappings":"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"}

package/dist/index.es500.js

@@ -1,6 +1,6 @@
-import D from "./index.es369.js";
+import D from "./index.es368.js";
 import G from "./index.es428.js";
-import M from "./index.es373.js";
+import M from "./index.es372.js";
 var x = 1, F = 2;
 function U(n, e, d, v, p, f) {
   var E = d & x, R = n.length, P = e.length;

package/dist/index.es501.js

@@ -1,9 +1,9 @@
-import n from "./index.es376.js";
-import u from "./index.es514.js";
-import o from "./index.es472.js";
+import n from "./index.es386.js";
+import u from "./index.es515.js";
+import o from "./index.es471.js";
 import A from "./index.es500.js";
-import b from "./index.es515.js";
-import v from "./index.es477.js";
+import b from "./index.es516.js";
+import v from "./index.es478.js";
 var L = 1, O = 2, E = "[object Boolean]", R = "[object Date]", d = "[object Error]", w = "[object Map]", B = "[object Number]", D = "[object RegExp]", P = "[object Set]", S = "[object String]", _ = "[object Symbol]", c = "[object ArrayBuffer]", x = "[object DataView]", i = n ? n.prototype : void 0, g = i ? i.valueOf : void 0;
 function N(a, e, l, s, y, m, r) {
   switch (l) {

package/dist/index.es502.js

@@ -1,4 +1,4 @@
-import x from "./index.es516.js";
+import x from "./index.es517.js";
 var q = 1, E = Object.prototype, F = E.hasOwnProperty;
 function I(r, n, A, a, R, f) {
   var v = A & q, d = x(r), e = d.length, S = x(n), _ = S.length;

package/dist/index.es503.js

@@ -1,7 +1,7 @@
-import o from "./index.es309.js";
-import e from "./index.es517.js";
-import a from "./index.es352.js";
-import n from "./index.es468.js";
+import o from "./index.es311.js";
+import e from "./index.es514.js";
+import a from "./index.es348.js";
+import n from "./index.es469.js";
 var p = /[\\^$.*+?()[\]{}|]/g, i = /^\[object .+?Constructor\]$/, s = Function.prototype, c = Object.prototype, f = s.toString, m = c.hasOwnProperty, u = RegExp(
   "^" + f.call(m).replace(p, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );

package/dist/index.es505.js

@@ -1,4 +1,4 @@
-import w from "./index.es435.js";
+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);

package/dist/index.es513.js

@@ -1,6 +1,6 @@
 import _ from "./index.es507.js";
-import e from "./index.es464.js";
-import r from "./index.es440.js";
+import e from "./index.es465.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.es455.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.es456.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.es294.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.es460.js";
+import o from "./index.es496.js";
+import r from "./index.es288.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.es529.js

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

package/dist/index.es531.js

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

package/package.json

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

package/src/components/UserDefinedFieldsForm.js

@@ -74,7 +74,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
           label={field.column_name}
           required={field.required}
           onChange={(e, { value }) => onChange(field, value)}
-          value={fieldValue}
+          value={fieldValue || ''}
         />
       );
     }
@@ -87,7 +87,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
           label={field.column_name}
           required={field.required}
           onChange={(e, { value }) => onChange(field, value)}
-          value={fieldValue}
+          value={fieldValue || 0}
           type='number'
         />
       );
@@ -108,7 +108,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
           selection
           value={field.allow_multiple
             ? (fieldValue || [])
-            : fieldValue}
+            : (fieldValue || '')}
         />
       );
     }
@@ -121,7 +121,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
           label={field.column_name}
           required={field.required}
           onChange={(e, { value }) => onChange(field, value)}
-          value={fieldValue}
+          value={fieldValue || ''}
         />
       );
     }

package/types/components/UserDefinedFieldsForm.js.flow

@@ -74,7 +74,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
           label={field.column_name}
           required={field.required}
           onChange={(e, { value }) => onChange(field, value)}
-          value={fieldValue}
+          value={fieldValue || ''}
         />
       );
     }
@@ -87,7 +87,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
           label={field.column_name}
           required={field.required}
           onChange={(e, { value }) => onChange(field, value)}
-          value={fieldValue}
+          value={fieldValue || 0}
           type='number'
         />
       );
@@ -108,7 +108,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
           selection
           value={field.allow_multiple
             ? (fieldValue || [])
-            : fieldValue}
+            : (fieldValue || '')}
         />
       );
     }
@@ -121,7 +121,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
           label={field.column_name}
           required={field.required}
           onChange={(e, { value }) => onChange(field, value)}
-          value={fieldValue}
+          value={fieldValue || ''}
         />
       );
     }