@bigbinary/neeto-fields-frontend 1.4.0-beta2 → 2.1.0

package/dist/utils-9f816116.js

@@ -0,0 +1,1140 @@
+import { _ as _defineProperty, b as _toConsumableArray, a as _objectWithoutProperties, S as SUBMIT_FIELD_STATUS } from './index-265f7913.js';
+import { isNotEmpty, renameKeys, capitalize, findBy, noop, notEquals, filterBy } from '@bigbinary/neeto-cist';
+import { isNotNil, isNil, isEmpty, prop, pluck, clone, pipe, mergeAll, omit, map, pick } from 'ramda';
+import { useEffect, useState, useRef } from 'react';
+import NeetoUICheckbox from '@bigbinary/neetoui/Checkbox';
+import { _ as _slicedToArray } from './slicedToArray-6198349b.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-1789f0cf.js';
+import { useFormikContext, useField } from 'formik';
+import { useFuncDebounce, useOnClickOutside } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { K as KINDS } from './constants-0e6017ea.js';
+import DatePicker from '@bigbinary/neetoui/DatePicker';
+import TimePicker from '@bigbinary/neetoui/TimePicker';
+import dayjs from 'dayjs';
+import { t as t$1 } from 'i18next';
+import * as yup from 'yup';
+import { hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
+import Check from '@bigbinary/neeto-icons/Check';
+import Label from '@bigbinary/neetoui/Label';
+import Spinner from '@bigbinary/neetoui/Spinner';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Select from '@bigbinary/neetoui/formik/Select';
+import Input from '@bigbinary/neetoui/Input';
+import Select$1 from '@bigbinary/neetoui/Select';
+import Textarea from '@bigbinary/neetoui/Textarea';
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+      args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(undefined);
+    });
+  };
+}
+
+var regeneratorRuntime$1 = {exports: {}};
+
+var _typeof = {exports: {}};
+
+_typeof.exports;
+
+(function (module) {
+	function _typeof(o) {
+	  "@babel/helpers - typeof";
+
+	  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+	    return typeof o;
+	  } : function (o) {
+	    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(o);
+	}
+	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+} (_typeof));
+
+var _typeofExports = _typeof.exports;
+
+regeneratorRuntime$1.exports;
+
+(function (module) {
+	var _typeof = _typeofExports["default"];
+	function _regeneratorRuntime() {
+	  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
+	    return e;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	  var t,
+	    e = {},
+	    r = Object.prototype,
+	    n = r.hasOwnProperty,
+	    o = Object.defineProperty || function (t, e, r) {
+	      t[e] = r.value;
+	    },
+	    i = "function" == typeof Symbol ? Symbol : {},
+	    a = i.iterator || "@@iterator",
+	    c = i.asyncIterator || "@@asyncIterator",
+	    u = i.toStringTag || "@@toStringTag";
+	  function define(t, e, r) {
+	    return Object.defineProperty(t, e, {
+	      value: r,
+	      enumerable: !0,
+	      configurable: !0,
+	      writable: !0
+	    }), t[e];
+	  }
+	  try {
+	    define({}, "");
+	  } catch (t) {
+	    define = function define(t, e, r) {
+	      return t[e] = r;
+	    };
+	  }
+	  function wrap(t, e, r, n) {
+	    var i = e && e.prototype instanceof Generator ? e : Generator,
+	      a = Object.create(i.prototype),
+	      c = new Context(n || []);
+	    return o(a, "_invoke", {
+	      value: makeInvokeMethod(t, r, c)
+	    }), a;
+	  }
+	  function tryCatch(t, e, r) {
+	    try {
+	      return {
+	        type: "normal",
+	        arg: t.call(e, r)
+	      };
+	    } catch (t) {
+	      return {
+	        type: "throw",
+	        arg: t
+	      };
+	    }
+	  }
+	  e.wrap = wrap;
+	  var h = "suspendedStart",
+	    l = "suspendedYield",
+	    f = "executing",
+	    s = "completed",
+	    y = {};
+	  function Generator() {}
+	  function GeneratorFunction() {}
+	  function GeneratorFunctionPrototype() {}
+	  var p = {};
+	  define(p, a, function () {
+	    return this;
+	  });
+	  var d = Object.getPrototypeOf,
+	    v = d && d(d(values([])));
+	  v && v !== r && n.call(v, a) && (p = v);
+	  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
+	  function defineIteratorMethods(t) {
+	    ["next", "throw", "return"].forEach(function (e) {
+	      define(t, e, function (t) {
+	        return this._invoke(e, t);
+	      });
+	    });
+	  }
+	  function AsyncIterator(t, e) {
+	    function invoke(r, o, i, a) {
+	      var c = tryCatch(t[r], t, o);
+	      if ("throw" !== c.type) {
+	        var u = c.arg,
+	          h = u.value;
+	        return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
+	          invoke("next", t, i, a);
+	        }, function (t) {
+	          invoke("throw", t, i, a);
+	        }) : e.resolve(h).then(function (t) {
+	          u.value = t, i(u);
+	        }, function (t) {
+	          return invoke("throw", t, i, a);
+	        });
+	      }
+	      a(c.arg);
+	    }
+	    var r;
+	    o(this, "_invoke", {
+	      value: function value(t, n) {
+	        function callInvokeWithMethodAndArg() {
+	          return new e(function (e, r) {
+	            invoke(t, n, e, r);
+	          });
+	        }
+	        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+	      }
+	    });
+	  }
+	  function makeInvokeMethod(e, r, n) {
+	    var o = h;
+	    return function (i, a) {
+	      if (o === f) throw new Error("Generator is already running");
+	      if (o === s) {
+	        if ("throw" === i) throw a;
+	        return {
+	          value: t,
+	          done: !0
+	        };
+	      }
+	      for (n.method = i, n.arg = a;;) {
+	        var c = n.delegate;
+	        if (c) {
+	          var u = maybeInvokeDelegate(c, n);
+	          if (u) {
+	            if (u === y) continue;
+	            return u;
+	          }
+	        }
+	        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
+	          if (o === h) throw o = s, n.arg;
+	          n.dispatchException(n.arg);
+	        } else "return" === n.method && n.abrupt("return", n.arg);
+	        o = f;
+	        var p = tryCatch(e, r, n);
+	        if ("normal" === p.type) {
+	          if (o = n.done ? s : l, p.arg === y) continue;
+	          return {
+	            value: p.arg,
+	            done: n.done
+	          };
+	        }
+	        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
+	      }
+	    };
+	  }
+	  function maybeInvokeDelegate(e, r) {
+	    var n = r.method,
+	      o = e.iterator[n];
+	    if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
+	    var i = tryCatch(o, e.iterator, r.arg);
+	    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
+	    var a = i.arg;
+	    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
+	  }
+	  function pushTryEntry(t) {
+	    var e = {
+	      tryLoc: t[0]
+	    };
+	    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
+	  }
+	  function resetTryEntry(t) {
+	    var e = t.completion || {};
+	    e.type = "normal", delete e.arg, t.completion = e;
+	  }
+	  function Context(t) {
+	    this.tryEntries = [{
+	      tryLoc: "root"
+	    }], t.forEach(pushTryEntry, this), this.reset(!0);
+	  }
+	  function values(e) {
+	    if (e || "" === e) {
+	      var r = e[a];
+	      if (r) return r.call(e);
+	      if ("function" == typeof e.next) return e;
+	      if (!isNaN(e.length)) {
+	        var o = -1,
+	          i = function next() {
+	            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
+	            return next.value = t, next.done = !0, next;
+	          };
+	        return i.next = i;
+	      }
+	    }
+	    throw new TypeError(_typeof(e) + " is not iterable");
+	  }
+	  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
+	    value: GeneratorFunctionPrototype,
+	    configurable: !0
+	  }), o(GeneratorFunctionPrototype, "constructor", {
+	    value: GeneratorFunction,
+	    configurable: !0
+	  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
+	    var e = "function" == typeof t && t.constructor;
+	    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
+	  }, e.mark = function (t) {
+	    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
+	  }, e.awrap = function (t) {
+	    return {
+	      __await: t
+	    };
+	  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
+	    return this;
+	  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
+	    void 0 === i && (i = Promise);
+	    var a = new AsyncIterator(wrap(t, r, n, o), i);
+	    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
+	      return t.done ? t.value : a.next();
+	    });
+	  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
+	    return this;
+	  }), define(g, "toString", function () {
+	    return "[object Generator]";
+	  }), e.keys = function (t) {
+	    var e = Object(t),
+	      r = [];
+	    for (var n in e) r.push(n);
+	    return r.reverse(), function next() {
+	      for (; r.length;) {
+	        var t = r.pop();
+	        if (t in e) return next.value = t, next.done = !1, next;
+	      }
+	      return next.done = !0, next;
+	    };
+	  }, e.values = values, Context.prototype = {
+	    constructor: Context,
+	    reset: function reset(e) {
+	      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
+	    },
+	    stop: function stop() {
+	      this.done = !0;
+	      var t = this.tryEntries[0].completion;
+	      if ("throw" === t.type) throw t.arg;
+	      return this.rval;
+	    },
+	    dispatchException: function dispatchException(e) {
+	      if (this.done) throw e;
+	      var r = this;
+	      function handle(n, o) {
+	        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
+	      }
+	      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
+	        var i = this.tryEntries[o],
+	          a = i.completion;
+	        if ("root" === i.tryLoc) return handle("end");
+	        if (i.tryLoc <= this.prev) {
+	          var c = n.call(i, "catchLoc"),
+	            u = n.call(i, "finallyLoc");
+	          if (c && u) {
+	            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+	            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+	          } else if (c) {
+	            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+	          } else {
+	            if (!u) throw new Error("try statement without catch or finally");
+	            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+	          }
+	        }
+	      }
+	    },
+	    abrupt: function abrupt(t, e) {
+	      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
+	        var o = this.tryEntries[r];
+	        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
+	          var i = o;
+	          break;
+	        }
+	      }
+	      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
+	      var a = i ? i.completion : {};
+	      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
+	    },
+	    complete: function complete(t, e) {
+	      if ("throw" === t.type) throw t.arg;
+	      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
+	    },
+	    finish: function finish(t) {
+	      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+	        var r = this.tryEntries[e];
+	        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
+	      }
+	    },
+	    "catch": function _catch(t) {
+	      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+	        var r = this.tryEntries[e];
+	        if (r.tryLoc === t) {
+	          var n = r.completion;
+	          if ("throw" === n.type) {
+	            var o = n.arg;
+	            resetTryEntry(r);
+	          }
+	          return o;
+	        }
+	      }
+	      throw new Error("illegal catch attempt");
+	    },
+	    delegateYield: function delegateYield(e, r, n) {
+	      return this.delegate = {
+	        iterator: values(e),
+	        resultName: r,
+	        nextLoc: n
+	      }, "next" === this.method && (this.arg = t), y;
+	    }
+	  }, e;
+	}
+	module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+} (regeneratorRuntime$1));
+
+var regeneratorRuntimeExports = regeneratorRuntime$1.exports;
+
+// TODO(Babel 8): Remove this file.
+
+var runtime = regeneratorRuntimeExports();
+var regenerator = runtime;
+
+// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  if (typeof globalThis === "object") {
+    globalThis.regeneratorRuntime = runtime;
+  } else {
+    Function("r", "regeneratorRuntime = r")(runtime);
+  }
+}
+
+var _regeneratorRuntime = /*@__PURE__*/getDefaultExportFromCjs(regenerator);
+
+var DIRECT_EDIT_INPUT_FIELDS = [KINDS.checkbox];
+
+var isDateTime = function isDateTime(kind) {
+  return ["date", "time", "date_range", "time_range", "datetime"].includes(kind);
+};
+var isDropdown = function isDropdown(kind) {
+  return ["single_option", "multi_option"].includes(kind);
+};
+var isTextType = function isTextType(kind) {
+  return [KINDS.text, KINDS.decimal, KINDS.integer, KINDS.monetary, KINDS.number, KINDS.regex, KINDS.textarea].includes(kind);
+};
+
+var dateSchema = yup.date().nullable();
+var isValueEmpty = function isValueEmpty(value) {
+  return typeof value === "string" && isEmpty(value.trim());
+};
+var isCheckboxUnchecked = function isCheckboxUnchecked(kind, value) {
+  return kind === KINDS.checkbox && !value;
+};
+var isArrayEmpty = function isArrayEmpty(kind, value) {
+  return [KINDS.multiOption, KINDS.singleOption, KINDS.dateRange, KINDS.timeRange].includes(kind) && isEmpty(value);
+};
+var buildSchemaAllowingEmptyValue = function buildSchemaAllowingEmptyValue(schema) {
+  return yup.mixed().test({
+    name: "validate-if-not-empty",
+    test: function test(value) {
+      if (isNotEmpty(value) && isNotNil(value)) {
+        schema.validateSync(value);
+      }
+      return true;
+    }
+  });
+};
+var buildSchemaForRequiredInputs = function buildSchemaForRequiredInputs(schema, kind) {
+  return yup.mixed().test({
+    name: "validate-required-inputs",
+    test: function test(value) {
+      if (isNil(value) || isValueEmpty(value) || isArrayEmpty(kind, value) || isCheckboxUnchecked(kind, value)) {
+        throw new yup.ValidationError(t$1("neetoFields.validations.thisIsRequired"));
+      }
+      schema.validateSync(value);
+      return true;
+    }
+  });
+};
+var buildSchema = function buildSchema(_ref) {
+  var schema = _ref.schema,
+    isRequired = _ref.isRequired,
+    kind = _ref.kind;
+  return isRequired ? buildSchemaForRequiredInputs(schema, kind) : buildSchemaAllowingEmptyValue(schema);
+};
+var getBasicValidationSchema = function getBasicValidationSchema(_ref2) {
+  var kind = _ref2.kind,
+    fieldData = _ref2.fieldData;
+  switch (kind) {
+    case KINDS.singleOption:
+    case KINDS.textarea:
+    case KINDS.text:
+      {
+        return yup.string().trim().nullable();
+      }
+    case KINDS.number:
+    case KINDS.monetary:
+    case KINDS.decimal:
+      {
+        return yup.number(t$1("neetoFields.validations.notAValidNumber")).nullable();
+      }
+    case KINDS.integer:
+      {
+        return yup.number().nullable().integer(t$1("neetoFields.validations.notAValidInteger"));
+      }
+    case KINDS.date:
+    case KINDS.time:
+      {
+        return dateSchema;
+      }
+    case KINDS.multiOption:
+      {
+        return yup.array().of(yup.string()).nullable();
+      }
+    case KINDS.dateRange:
+    case KINDS.timeRange:
+      {
+        return yup.array().of(dateSchema).nullable();
+      }
+    case KINDS.checkbox:
+      return yup["boolean"]().nullable();
+    case KINDS.regex:
+      {
+        var regexPattern = fieldData === null || fieldData === void 0 ? void 0 : fieldData.condition;
+        return yup.string().nullable().matches(cleanedRegex(regexPattern), fieldData === null || fieldData === void 0 ? void 0 : fieldData.helpMessage);
+      }
+    default:
+      return yup.mixed();
+  }
+};
+var buildFieldValidationSchema = function buildFieldValidationSchema(_ref3) {
+  var kind = _ref3.kind,
+    isRequired = _ref3.isRequired,
+    fieldData = _ref3.fieldData;
+  var schema = getBasicValidationSchema({
+    kind: kind,
+    fieldData: fieldData
+  });
+  return buildSchema({
+    schema: schema,
+    isRequired: isRequired,
+    kind: kind
+  });
+};
+var cleanedRegex = function cleanedRegex(regexCondition) {
+  var patternMatchingExp = /[igmsyu]*$/;
+  var conditionFlags = regexCondition.match(patternMatchingExp)[0];
+  var conditionWithoutFlags = regexCondition.replace(patternMatchingExp, "");
+  var sanitizedFlags = _toConsumableArray(new Set(conditionFlags)).join("");
+  if (conditionWithoutFlags.startsWith("/") && conditionWithoutFlags.endsWith("/")) {
+    conditionWithoutFlags = conditionWithoutFlags.slice(1, -1);
+  }
+  return RegExp(conditionWithoutFlags, sanitizedFlags);
+};
+var validateField = /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref4) {
+    var fieldValue, fieldName, isRequired, kind, fieldData;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          fieldValue = _ref4.fieldValue, fieldName = _ref4.fieldName, isRequired = _ref4.isRequired, kind = _ref4.kind, fieldData = _ref4.fieldData;
+          _context.prev = 1;
+          _context.next = 4;
+          return yup.object().shape(_defineProperty({}, fieldName, buildFieldValidationSchema({
+            kind: kind,
+            isRequired: isRequired,
+            fieldData: fieldData
+          }))).validate(_defineProperty({}, fieldName, fieldValue));
+        case 4:
+          return _context.abrupt("return", false);
+        case 7:
+          _context.prev = 7;
+          _context.t0 = _context["catch"](1);
+          return _context.abrupt("return", _context.t0.errors[0]);
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 7]]);
+  }));
+  return function validateField(_x) {
+    return _ref5.apply(this, arguments);
+  };
+}();
+var dateTimeToString = function dateTimeToString(dateTime) {
+  return dateTime && dayjs(dateTime).toString() || "";
+};
+var getValueFromBool = function getValueFromBool(value) {
+  return value === true ? t$1("neetoFields.common.yes") : t$1("neetoFields.common.no");
+};
+var getComponentDisplayName = function getComponentDisplayName(Component) {
+  return Component.displayName || Component.name || "Component";
+};
+
+var _excluded$2 = ["name", "id", "kind", "data", "individualSubmit", "formRef", "formRefs", "disabled", "isRequiredColumnName", "isInline", "onBlur", "hasMetadataWrapper"];
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useFormikFields = function useFormikFields(_ref) {
+  var name = _ref.name,
+    fieldId = _ref.id,
+    kind = _ref.kind,
+    fieldData = _ref.data,
+    individualSubmit = _ref.individualSubmit,
+    formRef = _ref.formRef,
+    formRefs = _ref.formRefs,
+    disabled = _ref.disabled,
+    _ref$isRequiredColumn = _ref.isRequiredColumnName,
+    isRequiredColumnName = _ref$isRequiredColumn === void 0 ? "isRequired" : _ref$isRequiredColumn,
+    _ref$isInline = _ref.isInline,
+    isInline = _ref$isInline === void 0 ? false : _ref$isInline,
+    _ref$onBlur = _ref.onBlur,
+    handleBlur = _ref$onBlur === void 0 ? noop : _ref$onBlur,
+    _ref$hasMetadataWrapp = _ref.hasMetadataWrapper,
+    hasMetadataWrapper = _ref$hasMetadataWrapp === void 0 ? false : _ref$hasMetadataWrapp,
+    props = _objectWithoutProperties(_ref, _excluded$2);
+  var formikContext = useFormikContext();
+  var submitForm = formikContext.submitForm,
+    dirty = formikContext.dirty,
+    isSubmitting = formikContext.isSubmitting;
+  var fieldPath = escapeString("".concat(name, "-").concat(fieldId));
+  var fieldName = kind === KINDS.multiOption ? "values" : "value";
+  var fieldValuePath = "".concat(fieldPath, ".data.").concat(fieldName);
+  isDropdown(kind) && (fieldData = renameKeys({
+    id: "value"
+  }, fieldData));
+  if (isNil(formRef) && isNotNil(formRefs)) {
+    formRefs.current[fieldValuePath] = formikContext;
+  } else if (isNil(formRefs) && isNotNil(formRef)) {
+    formRef.current = formikContext;
+  }
+  var _useField = useField({
+      name: fieldValuePath,
+      validate: function validate(fieldValue) {
+        return validateField({
+          fieldValue: fieldValue,
+          fieldName: name,
+          isRequired: props[isRequiredColumnName],
+          kind: kind,
+          fieldData: fieldData
+        });
+      }
+    }),
+    _useField2 = _slicedToArray(_useField, 3),
+    formikFieldProps = _useField2[0],
+    meta = _useField2[1],
+    helpers = _useField2[2];
+  var debouncedSubmitForm = useFuncDebounce(submitForm, 100);
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            isNotNil(value) && helpers.setValue(value);
+            _context.t0 = individualSubmit;
+            if (!_context.t0) {
+              _context.next = 5;
+              break;
+            }
+            _context.next = 5;
+            return debouncedSubmitForm();
+          case 5:
+            isInline && !DIRECT_EDIT_INPUT_FIELDS.includes(kind) && handleBlur();
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleSubmit(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var getBlurHandler = function getBlurHandler(kind) {
+    if (isTextType(kind)) {
+      return dirty ? function () {
+        return handleSubmit();
+      } : handleBlur;
+    }
+    if (!DIRECT_EDIT_INPUT_FIELDS.includes(kind)) {
+      return handleBlur;
+    }
+    return undefined;
+  };
+  var getValueForField = function getValueForField(value) {
+    if (kind === KINDS.singleOption) {
+      value = findBy({
+        value: value
+      }, fieldData);
+    } else if (kind === KINDS.multiOption) {
+      var _value;
+      value = (_value = value) === null || _value === void 0 ? void 0 : _value.map(function (optionId) {
+        return findBy({
+          value: optionId
+        }, fieldData);
+      });
+    }
+    return value || "";
+  };
+  useEffect(function () {
+    if (isSubmitting && !meta.touched) {
+      helpers.setTouched(true);
+    }
+  }, [isSubmitting]);
+  return {
+    dirty: dirty,
+    handleSubmit: handleSubmit,
+    fieldProps: _objectSpread$b(_objectSpread$b({}, formikFieldProps), {}, {
+      id: fieldId,
+      error: individualSubmit ? meta.error : meta.touched && meta.error,
+      value: getValueForField(formikFieldProps.value),
+      label: !isInline && !hasMetadataWrapper && capitalize(name),
+      labelProps: !isInline && !hasMetadataWrapper && {
+        required: props[isRequiredColumnName]
+      },
+      autoFocus: isInline && !DIRECT_EDIT_INPUT_FIELDS.includes(kind),
+      onBlur: isInline ? getBlurHandler(kind) : undefined,
+      disabled: disabled,
+      //conditional props
+      options: isDropdown(kind) ? fieldData : undefined,
+      getPopupContainer: !isInline && isDateTime(kind) ? prop("parentElement") : undefined
+    }),
+    helpers: helpers
+  };
+};
+
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Checkbox = function Checkbox(props) {
+  var _useFormikFields = useFormikFields(props),
+    handleSubmit = _useFormikFields.handleSubmit,
+    fieldProps = _useFormikFields.fieldProps;
+  var submissionStatus = props.submissionStatus;
+  return /*#__PURE__*/jsx(NeetoUICheckbox, _objectSpread$a(_objectSpread$a({}, fieldProps), {}, {
+    checked: fieldProps.value,
+    disabled: submissionStatus === SUBMIT_FIELD_STATUS.SUBMITTING,
+    onChange: function onChange(_ref) {
+      var checked = _ref.target.checked;
+      return handleSubmit(checked);
+    }
+  }));
+};
+
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+var css$1 = ".neeto-fields-nano__metadata-card__spinner{scale:.6}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX21ldGFkYXRhLXBhbmVsLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMkNBQ0UsUUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1maWVsZHMtbmFub19fbWV0YWRhdGEtY2FyZF9fc3Bpbm5lciB7XG4gIHNjYWxlOiAwLjY7XG59XG4iXX0= */";
+n(css$1,{});
+
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MetadataBlock = function MetadataBlock(_ref) {
+  var labelProps = _ref.labelProps,
+    label = _ref.label,
+    fieldId = _ref.fieldId,
+    children = _ref.children,
+    submissionStatus = _ref.submissionStatus,
+    isInline = _ref.isInline;
+  return /*#__PURE__*/jsxs("div", {
+    className: "w-full space-y-2",
+    children: [!isInline && /*#__PURE__*/jsxs("div", {
+      className: "flex items-center gap-2",
+      children: [/*#__PURE__*/jsx(Label, _objectSpread$9(_objectSpread$9({
+        "data-cy": "".concat(hyphenize(label), "-label"),
+        htmlFor: fieldId
+      }, labelProps), {}, {
+        children: label
+      })), /*#__PURE__*/jsxs("div", {
+        className: "inline-flex h-6 items-center",
+        children: [submissionStatus === SUBMIT_FIELD_STATUS.SUBMITTING && /*#__PURE__*/jsx(Spinner, {
+          className: "neeto-fields-nano__metadata-card__spinner"
+        }), submissionStatus === SUBMIT_FIELD_STATUS.SUCCESS && /*#__PURE__*/jsx(Check, {
+          className: "neeto-ui-text-success-500",
+          size: 20
+        })]
+      })]
+    }), children]
+  });
+};
+
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var WithMetadataBlock = function WithMetadataBlock(Component) {
+  var withMetadataBlockWrapper = function withMetadataBlockWrapper(props) {
+    var submissionStatus = props.submissionStatus,
+      _props$isInline = props.isInline,
+      isInline = _props$isInline === void 0 ? false : _props$isInline,
+      _props$isRequiredColu = props.isRequiredColumnName,
+      isRequiredColumnName = _props$isRequiredColu === void 0 ? "isRequired" : _props$isRequiredColu,
+      name = props.name,
+      fieldId = props.id;
+    var label = !isInline && capitalize(name);
+    var labelProps = {
+      required: props[isRequiredColumnName]
+    };
+    return /*#__PURE__*/jsx(MetadataBlock, {
+      fieldId: fieldId,
+      isInline: isInline,
+      label: label,
+      labelProps: labelProps,
+      submissionStatus: submissionStatus,
+      children: /*#__PURE__*/jsx(Component, _objectSpread$8(_objectSpread$8({}, props), {}, {
+        hasMetadataWrapper: true
+      }))
+    });
+  };
+  withMetadataBlockWrapper.displayName = "withMetadataBlockWrapper(".concat(getComponentDisplayName(Component), ")");
+  return withMetadataBlockWrapper;
+};
+
+var _excluded$1 = ["onBlur"];
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DateOrTime = function DateOrTime(props) {
+  var isInline = props.isInline;
+  var _useState = useState(isInline),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var value = useRef();
+  var _useFormikFields = useFormikFields(props),
+    handleSubmit = _useFormikFields.handleSubmit,
+    _useFormikFields$fiel = _useFormikFields.fieldProps,
+    onBlur = _useFormikFields$fiel.onBlur,
+    fieldProps = _objectWithoutProperties(_useFormikFields$fiel, _excluded$1),
+    helpers = _useFormikFields.helpers;
+  var handleChange = function handleChange(dateTime) {
+    value.current = dateTimeToString(dateTime);
+    helpers.setValue(value.current);
+    if (!isOpen) handleSubmit();
+  };
+  var onOpenChange = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(open) {
+      var shouldSubmit;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setIsOpen(open);
+            if (!open) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            shouldSubmit = value.current !== undefined && notEquals(fieldProps.value, value.current);
+            _context.t0 = shouldSubmit;
+            if (!_context.t0) {
+              _context.next = 8;
+              break;
+            }
+            _context.next = 8;
+            return handleSubmit();
+          case 8:
+            onBlur === null || onBlur === void 0 || onBlur();
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onOpenChange(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  if (props.kind === KINDS.time) {
+    return /*#__PURE__*/jsx(TimePicker, _objectSpread$7(_objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, fieldProps), {}, {
+      onOpenChange: onOpenChange
+    })), {}, {
+      use12Hours: true,
+      format: "h:mm A",
+      open: isOpen,
+      onChange: handleChange
+    }));
+  } else if (props.kind === KINDS.date) {
+    return /*#__PURE__*/jsx(DatePicker, _objectSpread$7(_objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, fieldProps), {}, {
+      onOpenChange: onOpenChange
+    })), {}, {
+      open: isOpen,
+      onChange: handleChange
+    }));
+  }
+  return /*#__PURE__*/jsx(DatePicker, _objectSpread$7(_objectSpread$7({
+    showTime: true,
+    timeFormat: "h:mm A"
+  }, _objectSpread$7(_objectSpread$7({}, fieldProps), {}, {
+    onOpenChange: onOpenChange
+  })), {}, {
+    open: isOpen,
+    onChange: handleChange
+  }));
+};
+var DateOrTimeInput = WithMetadataBlock(DateOrTime);
+
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MultiOption = function MultiOption(props) {
+  var _useFormikFields = useFormikFields(props),
+    handleSubmit = _useFormikFields.handleSubmit,
+    fieldProps = _useFormikFields.fieldProps;
+  return /*#__PURE__*/jsx(Select, _objectSpread$6(_objectSpread$6({
+    isMulti: true,
+    isSearchable: true,
+    strategy: "fixed"
+  }, fieldProps), {}, {
+    onChange: function onChange(selectedOptions) {
+      return handleSubmit(pluck("value", selectedOptions));
+    }
+  }));
+};
+var MultiOptionInput = WithMetadataBlock(MultiOption);
+
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Number = function Number(props) {
+  var _useFormikFields = useFormikFields(props),
+    handleSubmit = _useFormikFields.handleSubmit,
+    fieldProps = _useFormikFields.fieldProps,
+    dirty = _useFormikFields.dirty;
+  return /*#__PURE__*/jsx(Input, _objectSpread$5(_objectSpread$5({}, fieldProps), {}, {
+    type: "number",
+    onBlur: function onBlur() {
+      return dirty && handleSubmit();
+    }
+  }));
+};
+var NumberInput = WithMetadataBlock(Number);
+
+var _excluded = ["onBlur"];
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var withOnClickOutsideWrapper = function withOnClickOutsideWrapper(Component) {
+  var WithOnClickOutsideWrapper = function WithOnClickOutsideWrapper(_ref) {
+    var _ref$onBlur = _ref.onBlur,
+      onBlur = _ref$onBlur === void 0 ? noop : _ref$onBlur,
+      props = _objectWithoutProperties(_ref, _excluded);
+    var ref = useRef(null);
+    var isInline = onBlur !== noop;
+    useOnClickOutside(ref, onBlur, {
+      enabled: isInline
+    });
+    return isInline ? /*#__PURE__*/jsx("div", {
+      ref: ref,
+      children: /*#__PURE__*/jsx(Component, _objectSpread$4(_objectSpread$4({}, props), {}, {
+        type: "range"
+      }))
+    }) : /*#__PURE__*/jsx(Component, _objectSpread$4(_objectSpread$4({}, props), {}, {
+      type: "range"
+    }));
+  };
+  WithOnClickOutsideWrapper.displayName = "WithOnClickOutsideWrapper(".concat(getComponentDisplayName(Component), ")");
+  return WithOnClickOutsideWrapper;
+};
+var DateRangePicker = withOnClickOutsideWrapper(DatePicker);
+var TimeRangePicker = withOnClickOutsideWrapper(TimePicker);
+var RangePicker = function RangePicker(props) {
+  var _useFormikFields = useFormikFields(props),
+    handleSubmit = _useFormikFields.handleSubmit,
+    fieldProps = _useFormikFields.fieldProps;
+  var handleChange = function handleChange(_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      begin = _ref3[0],
+      end = _ref3[1];
+    if (begin && end) {
+      handleSubmit([dateTimeToString(begin), dateTimeToString(end)]);
+    } else {
+      handleSubmit([]);
+    }
+  };
+  if (props.kind === KINDS.dateRange) {
+    return /*#__PURE__*/jsx(DateRangePicker, _objectSpread$4(_objectSpread$4({}, fieldProps), {}, {
+      onChange: handleChange
+    }));
+  }
+
+  //time_range
+  return /*#__PURE__*/jsx(TimeRangePicker, _objectSpread$4(_objectSpread$4({}, fieldProps), {}, {
+    use12Hours: true,
+    format: "h:mm A",
+    onChange: handleChange
+  }));
+};
+var RangePickerInput = WithMetadataBlock(RangePicker);
+
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SingleOption = function SingleOption(props) {
+  var _useFormikFields = useFormikFields(props),
+    handleSubmit = _useFormikFields.handleSubmit,
+    fieldProps = _useFormikFields.fieldProps;
+  return /*#__PURE__*/jsx(Select$1, _objectSpread$3(_objectSpread$3({
+    isClearable: true,
+    isSearchable: true,
+    strategy: "fixed"
+  }, fieldProps), {}, {
+    onChange: function onChange(option) {
+      return handleSubmit((option === null || option === void 0 ? void 0 : option.value) || "");
+    }
+  }));
+};
+var SingleOptionInput = WithMetadataBlock(SingleOption);
+
+var css = ".neeto-fields-nano-adaptive-input textarea{--neeto-ui-input-line-height:1.5}.neeto-fields-nano-adaptive-input .neeto-ui-input.neeto-ui-input--small{--neeto-ui-textarea-padding-x:8px;--neeto-ui-textarea-padding-y:4px}.neeto-fields-nano-adaptive-input .neeto-ui-input.neeto-ui-input--medium{--neeto-ui-textarea-padding-x:8px;--neeto-ui-textarea-padding-y:5px}.neeto-fields-nano-adaptive-input .neeto-ui-input.neeto-ui-input--large{--neeto-ui-textarea-padding-x:12px;--neeto-ui-textarea-padding-y:8px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX2FkYXB0aXZlX2lucHV0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0UsMkNBQ0UsZ0NBQUosQ0FJSSx3RUFDRSxpQ0FBQSxDQUNBLGlDQUZOLENBS0kseUVBQ0UsaUNBQUEsQ0FDQSxpQ0FITixDQU1JLHdFQUNFLGtDQUFBLENBQ0EsaUNBSk4iLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tZmllbGRzLW5hbm8tYWRhcHRpdmUtaW5wdXQge1xuICB0ZXh0YXJlYSB7XG4gICAgLS1uZWV0by11aS1pbnB1dC1saW5lLWhlaWdodDogMS41O1xuICB9XG5cbiAgLm5lZXRvLXVpLWlucHV0ICB7XG4gICAgJi5uZWV0by11aS1pbnB1dC0tc21hbGwge1xuICAgICAgLS1uZWV0by11aS10ZXh0YXJlYS1wYWRkaW5nLXg6IDhweDtcbiAgICAgIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy15OiA0cHg7XG4gICAgfVxuXG4gICAgJi5uZWV0by11aS1pbnB1dC0tbWVkaXVtIHtcbiAgICAgIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy14OiA4cHg7XG4gICAgICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteTogNXB4O1xuICAgIH1cblxuICAgICYubmVldG8tdWktaW5wdXQtLWxhcmdlIHtcbiAgICAgIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy14OiAxMnB4O1xuICAgICAgLS1uZWV0by11aS10ZXh0YXJlYS1wYWRkaW5nLXk6IDhweDtcbiAgICB9XG4gIH1cbn1cbiJdfQ== */";
+n(css,{});
+
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Text = function Text(props) {
+  var _useFormikFields = useFormikFields(props),
+    handleSubmit = _useFormikFields.handleSubmit,
+    fieldProps = _useFormikFields.fieldProps,
+    dirty = _useFormikFields.dirty;
+  var handleKeyDown = function handleKeyDown(event) {
+    if (event.key !== "Enter" || event.shiftKey) return;
+    event.preventDefault();
+    handleSubmit();
+  };
+  var handleFocus = function handleFocus(element) {
+    var end = element.value.length;
+    element.setSelectionRange(end, end);
+  };
+  return /*#__PURE__*/jsx(Textarea, _objectSpread$2(_objectSpread$2({}, fieldProps), {}, {
+    className: "neeto-fields-nano-adaptive-input",
+    rows: 1,
+    size: "small",
+    style: {
+      resize: "none"
+    },
+    onBlur: function onBlur() {
+      return dirty && handleSubmit();
+    },
+    onFocus: function onFocus(_ref) {
+      var target = _ref.target;
+      return handleFocus(target);
+    },
+    onKeyDown: handleKeyDown
+  }));
+};
+var TextInput = WithMetadataBlock(Text);
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TextArea = function TextArea(props) {
+  var _useFormikFields = useFormikFields(props),
+    handleSubmit = _useFormikFields.handleSubmit,
+    fieldProps = _useFormikFields.fieldProps,
+    dirty = _useFormikFields.dirty;
+  return /*#__PURE__*/jsx(Textarea, _objectSpread$1(_objectSpread$1({}, fieldProps), {}, {
+    onBlur: function onBlur() {
+      return dirty && handleSubmit();
+    }
+  }));
+};
+var TextAreaInput = WithMetadataBlock(TextArea);
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var standardComponents = {
+  text: TextInput,
+  regex: TextInput,
+  textarea: TextAreaInput,
+  text_area: TextAreaInput,
+  // TODO: Remove text-area after integration in all hosts.
+  number: NumberInput,
+  monetary: NumberInput,
+  integer: NumberInput,
+  decimal: NumberInput,
+  date: DateOrTimeInput,
+  time: DateOrTimeInput,
+  datetime: DateOrTimeInput,
+  single_option: SingleOptionInput,
+  multi_option: MultiOptionInput,
+  date_range: RangePickerInput,
+  time_range: RangePickerInput,
+  checkbox: Checkbox
+};
+var getFieldInput = function getFieldInput(_ref) {
+  var field = _ref.field,
+    _ref$customComponents = _ref.customComponents,
+    customComponents = _ref$customComponents === void 0 ? {} : _ref$customComponents;
+  var Component = customComponents[field.kind] || standardComponents[field.kind];
+  if (Component) {
+    return Component;
+  }
+  return null;
+};
+var removeItemsWithNullData = function removeItemsWithNullData(fieldValues) {
+  return fieldValues.filter(function (item) {
+    return !isNil(prop("data", item));
+  });
+};
+var removeNoiseFromValues = function removeNoiseFromValues(fieldValues) {
+  return map(pick(["id", "fieldId", "data"]), fieldValues);
+};
+var transformValues = function transformValues(_ref2) {
+  var formikValues = _ref2.values,
+    fields = _ref2.fields;
+  var allFieldValues = clone(formikValues);
+  var neetoFieldValues = [];
+  fields.forEach(function (_ref3) {
+    var id = _ref3.id,
+      name = _ref3.name;
+    var fieldPath = escapeString("".concat(name, "-").concat(id));
+    neetoFieldValues.push(allFieldValues[fieldPath]);
+    delete allFieldValues[fieldPath];
+  });
+  var cleanedFieldValues = pipe(removeItemsWithNullData, removeNoiseFromValues)(neetoFieldValues);
+  return _objectSpread(_objectSpread({}, allFieldValues), {}, {
+    fieldValuesAttributes: cleanedFieldValues
+  });
+};
+var getDefaultInitialValue = function getDefaultInitialValue(kind) {
+  switch (kind) {
+    case KINDS.checkbox:
+      return false;
+    case KINDS.multiOption:
+    case KINDS.dateRange:
+    case KINDS.timeRange:
+      return [];
+    default:
+      return "";
+  }
+};
+var getInitialFieldValue = function getInitialFieldValue(_ref4) {
+  var field = _ref4.field,
+    _ref4$fieldValues = _ref4.fieldValues,
+    fieldValues = _ref4$fieldValues === void 0 ? [] : _ref4$fieldValues,
+    _ref4$isIndividualFie = _ref4.isIndividualFieldForm,
+    isIndividualFieldForm = _ref4$isIndividualFie === void 0 ? false : _ref4$isIndividualFie;
+  var existingFieldValueData = findBy({
+    fieldId: field.id
+  }, fieldValues);
+  var keyInData = field.kind === KINDS.multiOption ? "values" : "value";
+  var newFieldValueData = {
+    fieldId: field.id,
+    data: isIndividualFieldForm ? _defineProperty({}, keyInData, getDefaultInitialValue(field.kind)) : null
+  };
+  return _defineProperty({}, escapeString("".concat(field.name, "-").concat(field.id)), existingFieldValueData || newFieldValueData);
+};
+var getAllInitialFieldValues = function getAllInitialFieldValues(fields) {
+  var fieldValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return getNonSystemFields(fields).map(function (field) {
+    return getInitialFieldValue({
+      field: field,
+      fieldValues: fieldValues
+    });
+  });
+};
+var mergeInitialValues = function mergeInitialValues(_ref7) {
+  var initialValues = _ref7.initialValues,
+    fields = _ref7.fields;
+  var initialValue = mergeAll([initialValues].concat(_toConsumableArray(getAllInitialFieldValues(fields, initialValues === null || initialValues === void 0 ? void 0 : initialValues.fieldValues))));
+  return omit(["fieldValues"], initialValue);
+};
+var getNonSystemFields = function getNonSystemFields(fields) {
+  return filterBy({
+    isSystem: false
+  }, fields);
+};
+var escapeString = function escapeString(string) {
+  return string.replace(/[^a-zA-Z0-9_]/g, function (match) {
+    var charCode = match.charCodeAt(0);
+    return "_".concat(charCode, "_");
+  });
+};
+var neetoFieldsUtils = {
+  mergeInitialValues: mergeInitialValues,
+  transformValues: transformValues
+};
+
+export { DIRECT_EDIT_INPUT_FIELDS as D, getFieldInput as a, getInitialFieldValue as b, getValueFromBool as c, getNonSystemFields as g, neetoFieldsUtils as n };
+//# sourceMappingURL=utils-9f816116.js.map