@bigbinary/neeto-fields-frontend 1.3.41 → 1.3.42

package/dist/index.js

@@ -1,26 +1,45 @@
 import React, { useEffect, useState, useRef, useMemo, useLayoutEffect, useCallback, createContext, memo, useReducer, useContext } from 'react';
 import { useFuncDebounce, useOnClickOutside, withT, useMutationWithInvalidation, isMetaKeyPressed, useQueryParams, handleMetaClick } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { Checkbox as Checkbox$1, TimePicker, DatePicker, Input, Select as Select$1, Textarea, Typography, Pane, Label, Button as Button$1, Tab, Alert, NoData, Table, Spinner } from '@bigbinary/neetoui';
+import Typography from '@bigbinary/neetoui/Typography';
 import { isNotEmpty, renameKeys, capitalize, findBy, noop as noop$1, notEquals, filterBy, toLabelAndValue, slugify, humanize, countBy, isPresent } from '@bigbinary/neeto-cist';
 import { values, isNotNil, isNil, isEmpty, prop, pluck, clone, pipe, mergeAll, omit, map, pick, assoc, not, any, head } from 'ramda';
+import NeetoUICheckbox from '@bigbinary/neetoui/Checkbox';
 import { useFormikContext, useField, FieldArray } from 'formik';
 import { t as t$1 } from 'i18next';
 import * as yup from 'yup';
-import { Select, Button, ActionBlock as ActionBlock$1, Input as Input$1, Switch, Form } from '@bigbinary/neetoui/formik';
-import { joinHyphenCase, buildUrl, getQueryParams, dateFormat, hyphenize } from '@bigbinary/neeto-commons-frontend/utils';
+import DatePicker from '@bigbinary/neetoui/DatePicker';
+import TimePicker from '@bigbinary/neetoui/TimePicker';
+import { hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
 import { Check, Delete, Reorder } from '@bigbinary/neeto-icons';
-import { useTranslation, Trans } from 'react-i18next';
+import Label from '@bigbinary/neetoui/Label';
+import Spinner from '@bigbinary/neetoui/Spinner';
+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';
 import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE, PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
 import Container from '@bigbinary/neeto-molecules/Container';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import { useTranslation, Trans } from 'react-i18next';
+import Pane from '@bigbinary/neetoui/Pane';
+import Form from '@bigbinary/neetoui/formik/Form';
 import { useQuery } from 'react-query';
 import axios from 'axios';
+import { buildUrl, getQueryParams, dateFormat, hyphenize as hyphenize$1 } from '@bigbinary/neeto-commons-frontend/utils';
+import ActionBlock$1 from '@bigbinary/neetoui/formik/ActionBlock';
 import { v4 } from 'uuid';
+import Input$1 from '@bigbinary/neetoui/formik/Input';
+import Switch from '@bigbinary/neetoui/formik/Switch';
+import Button from '@bigbinary/neetoui/Button';
 import { buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend';
 import { Link, useHistory } from 'react-router-dom';
 import MenuBar from '@bigbinary/neeto-molecules/MenuBar';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
+import Tab from '@bigbinary/neetoui/Tab';
+import Alert from '@bigbinary/neetoui/Alert';
 import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
+import NoData from '@bigbinary/neetoui/NoData';
+import Table from '@bigbinary/neetoui/Table';
 import NeetoUIHeader from '@bigbinary/neeto-molecules/Header';
 import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
 import { unstable_batchedUpdates, createPortal } from 'react-dom';
@@ -114,6 +133,20 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
+var NEETO_FIELDS_URL = "/neeto_fields_engine/api/v1";
+var FIELDS_URL = "".concat(NEETO_FIELDS_URL, "/fields");
+var FIELD_VALUES_URL = "".concat(NEETO_FIELDS_URL, "/field_values");
+var FIELD_VALUE_URL = "".concat(NEETO_FIELDS_URL, "/field_values/:fieldValueId");
+var FIELD_URL = "".concat(NEETO_FIELDS_URL, "/fields/:fieldId");
+var DEPENDENCIES_URL = "".concat(NEETO_FIELDS_URL, "/fields/:fieldId/dependencies");
+var FIELDS_REORDER_URL = "".concat(FIELDS_URL, "/reorder");
+var CONFIGS_URL = "".concat(NEETO_FIELDS_URL, "/configs");
+var SUBMIT_FIELD_STATUS = {
+  SUBMITTING: "submitting",
+  SUCCESS: "success",
+  FAILED: "failed"
+};
+
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -788,10 +821,13 @@ var dateTimeToString = function dateTimeToString(dateTime) {
 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$7 = ["name", "id", "kind", "data", "individualSubmit", "formRef", "formRefs", "disabled", "isRequiredColumnName", "isInline", "onBlur"];
-function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$7 = ["name", "id", "kind", "data", "individualSubmit", "formRef", "formRefs", "disabled", "isRequiredColumnName", "isInline", "onBlur", "hasMetadataWrapper"];
+function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(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,
@@ -807,6 +843,8 @@ var useFormikFields = function useFormikFields(_ref) {
     isInline = _ref$isInline === void 0 ? false : _ref$isInline,
     _ref$onBlur = _ref.onBlur,
     handleBlur = _ref$onBlur === void 0 ? noop$1 : _ref$onBlur,
+    _ref$hasMetadataWrapp = _ref.hasMetadataWrapper,
+    hasMetadataWrapper = _ref$hasMetadataWrapp === void 0 ? false : _ref$hasMetadataWrapp,
     props = _objectWithoutProperties(_ref, _excluded$7);
   var formikContext = useFormikContext();
   var submitForm = formikContext.submitForm,
@@ -899,11 +937,12 @@ var useFormikFields = function useFormikFields(_ref) {
   return {
     dirty: dirty,
     handleSubmit: handleSubmit,
-    fieldProps: _objectSpread$h(_objectSpread$h({}, formikFieldProps), {}, {
+    fieldProps: _objectSpread$i(_objectSpread$i({}, formikFieldProps), {}, {
+      id: fieldId,
       error: individualSubmit ? meta.error : meta.touched && meta.error,
       value: getValueForField(formikFieldProps.value),
-      label: !isInline && capitalize(name),
-      labelProps: {
+      label: !isInline && !hasMetadataWrapper && capitalize(name),
+      labelProps: !isInline && !hasMetadataWrapper && {
         required: props[isRequiredColumnName]
       },
       autoFocus: isInline && !DIRECT_EDIT_INPUT_FIELDS.includes(kind),
@@ -921,8 +960,10 @@ var Checkbox = function Checkbox(props) {
   var _useFormikFields = useFormikFields(props),
     handleSubmit = _useFormikFields.handleSubmit,
     fieldProps = _useFormikFields.fieldProps;
-  return /*#__PURE__*/React.createElement(Checkbox$1, _extends({}, fieldProps, {
+  var submissionStatus = props.submissionStatus;
+  return /*#__PURE__*/React.createElement(NeetoUICheckbox, _extends({}, fieldProps, {
     checked: fieldProps.value,
+    disabled: submissionStatus === SUBMIT_FIELD_STATUS.SUBMITTING,
     onChange: function onChange(_ref) {
       var checked = _ref.target.checked;
       return handleSubmit(checked);
@@ -930,9 +971,60 @@ var Checkbox = function Checkbox(props) {
   }));
 };
 
+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__*/React.createElement("div", {
+    className: "w-full space-y-2"
+  }, !isInline && /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /*#__PURE__*/React.createElement(Label, _extends({
+    "data-cy": "".concat(hyphenize(label), "-label"),
+    htmlFor: fieldId
+  }, labelProps), label), /*#__PURE__*/React.createElement("div", {
+    className: "inline-flex h-6 items-center"
+  }, submissionStatus === SUBMIT_FIELD_STATUS.SUBMITTING && /*#__PURE__*/React.createElement(Spinner, {
+    className: "neeto-fields-nano__metadata-card__spinner"
+  }), submissionStatus === SUBMIT_FIELD_STATUS.SUCCESS && /*#__PURE__*/React.createElement(Check, {
+    className: "neeto-ui-text-success-500",
+    size: 20
+  }))), children);
+};
+
+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__*/React.createElement(MetadataBlock, {
+      fieldId: fieldId,
+      isInline: isInline,
+      label: label,
+      labelProps: labelProps,
+      submissionStatus: submissionStatus
+    }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+      hasMetadataWrapper: true
+    })));
+  };
+  withMetadataBlockWrapper.displayName = "withMetadataBlockWrapper(".concat(getComponentDisplayName(Component), ")");
+  return withMetadataBlockWrapper;
+};
+
 var _excluded$6 = ["onBlur"];
-function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(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),
@@ -985,7 +1077,7 @@ var DateOrTime = function DateOrTime(props) {
     };
   }();
   if (props.kind === KINDS.time) {
-    return /*#__PURE__*/React.createElement(TimePicker, _extends({}, _objectSpread$g(_objectSpread$g({}, fieldProps), {}, {
+    return /*#__PURE__*/React.createElement(TimePicker, _extends({}, _objectSpread$h(_objectSpread$h({}, fieldProps), {}, {
       onOpenChange: onOpenChange
     }), {
       use12Hours: true,
@@ -994,7 +1086,7 @@ var DateOrTime = function DateOrTime(props) {
       onChange: handleChange
     }));
   } else if (props.kind === KINDS.date) {
-    return /*#__PURE__*/React.createElement(DatePicker, _extends({}, _objectSpread$g(_objectSpread$g({}, fieldProps), {}, {
+    return /*#__PURE__*/React.createElement(DatePicker, _extends({}, _objectSpread$h(_objectSpread$h({}, fieldProps), {}, {
       onOpenChange: onOpenChange
     }), {
       open: isOpen,
@@ -1004,13 +1096,14 @@ var DateOrTime = function DateOrTime(props) {
   return /*#__PURE__*/React.createElement(DatePicker, _extends({
     showTime: true,
     timeFormat: "h:mm A"
-  }, _objectSpread$g(_objectSpread$g({}, fieldProps), {}, {
+  }, _objectSpread$h(_objectSpread$h({}, fieldProps), {}, {
     onOpenChange: onOpenChange
   }), {
     open: isOpen,
     onChange: handleChange
   }));
 };
+var DateOrTimeInput = WithMetadataBlock(DateOrTime);
 
 var MultiOption = function MultiOption(props) {
   var _useFormikFields = useFormikFields(props),
@@ -1026,36 +1119,25 @@ var MultiOption = function MultiOption(props) {
     }
   }));
 };
+var MultiOptionInput = WithMetadataBlock(MultiOption);
 
 var Number$1 = function Number(props) {
   var _useFormikFields = useFormikFields(props),
     handleSubmit = _useFormikFields.handleSubmit,
     fieldProps = _useFormikFields.fieldProps,
     dirty = _useFormikFields.dirty;
-  var individualSubmit = props.individualSubmit,
-    isInline = props.isInline;
-  var isNotInline = !isInline;
-  var showSubmitButton = isNotInline && individualSubmit && dirty;
-  return /*#__PURE__*/React.createElement(Input, _extends({}, fieldProps, isNotInline && {
+  return /*#__PURE__*/React.createElement(Input, _extends({}, fieldProps, {
+    type: "number",
     onBlur: function onBlur() {
       return dirty && handleSubmit();
     }
-  }, {
-    type: "number",
-    suffix: showSubmitButton && /*#__PURE__*/React.createElement(Button, {
-      "data-cy": joinHyphenCase(fieldProps.label, "check-button"),
-      icon: Check,
-      style: "text",
-      onClick: function onClick() {
-        return handleSubmit();
-      }
-    })
   }));
 };
+var NumberInput = WithMetadataBlock(Number$1);
 
 var _excluded$5 = ["onBlur"];
 var withOnClickOutsideWrapper = function withOnClickOutsideWrapper(Component) {
-  var Wrapper = function Wrapper(_ref) {
+  var WithOnClickOutsideWrapper = function WithOnClickOutsideWrapper(_ref) {
     var _ref$onBlur = _ref.onBlur,
       onBlur = _ref$onBlur === void 0 ? noop$1 : _ref$onBlur,
       props = _objectWithoutProperties(_ref, _excluded$5);
@@ -1072,7 +1154,8 @@ var withOnClickOutsideWrapper = function withOnClickOutsideWrapper(Component) {
       type: "range"
     }));
   };
-  return Wrapper;
+  WithOnClickOutsideWrapper.displayName = "WithOnClickOutsideWrapper(".concat(getComponentDisplayName(Component), ")");
+  return WithOnClickOutsideWrapper;
 };
 var DateRangePicker = withOnClickOutsideWrapper(DatePicker);
 var TimeRangePicker = withOnClickOutsideWrapper(TimePicker);
@@ -1103,6 +1186,7 @@ var RangePicker = function RangePicker(props) {
     onChange: handleChange
   }));
 };
+var RangePickerInput = WithMetadataBlock(RangePicker);
 
 var SingleOption = function SingleOption(props) {
   var _useFormikFields = useFormikFields(props),
@@ -1118,13 +1202,13 @@ var SingleOption = function SingleOption(props) {
     }
   }));
 };
+var SingleOptionInput = WithMetadataBlock(SingleOption);
 
 var Text = function Text(props) {
   var _useFormikFields = useFormikFields(props),
     handleSubmit = _useFormikFields.handleSubmit,
     fieldProps = _useFormikFields.fieldProps,
     dirty = _useFormikFields.dirty;
-  var isInline = props.isInline;
   var handleKeyDown = function handleKeyDown(event) {
     if (event.key !== "Enter" || event.shiftKey) return;
     event.preventDefault();
@@ -1140,13 +1224,10 @@ var Text = function Text(props) {
     size: "small",
     style: {
       resize: "none"
-    }
-    // Inline inputs are already saved on blur and this could override that onBlur handler if this condition is not added.
-  }, !isInline && {
+    },
     onBlur: function onBlur() {
       return dirty && handleSubmit();
-    }
-  }, {
+    },
     onFocus: function onFocus(_ref) {
       var target = _ref.target;
       return handleFocus(target);
@@ -1154,46 +1235,40 @@ var Text = function Text(props) {
     onKeyDown: handleKeyDown
   }));
 };
+var TextInput = WithMetadataBlock(Text);
 
 var TextArea = function TextArea(props) {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
   var _useFormikFields = useFormikFields(props),
     handleSubmit = _useFormikFields.handleSubmit,
     fieldProps = _useFormikFields.fieldProps,
     dirty = _useFormikFields.dirty;
-  var individualSubmit = props.individualSubmit,
-    isInline = props.isInline;
-  var showSubmitButton = !isInline && individualSubmit && dirty;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Textarea, fieldProps), showSubmitButton && /*#__PURE__*/React.createElement(Button, {
-    className: "m-auto mt-2",
-    label: t("neetoFields.labels.submit"),
-    size: "small",
-    onClick: function onClick() {
-      return handleSubmit();
+  return /*#__PURE__*/React.createElement(Textarea, _extends({}, fieldProps, {
+    onBlur: function onBlur() {
+      return dirty && handleSubmit();
     }
   }));
 };
+var TextAreaInput = WithMetadataBlock(TextArea);
 
-function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var standardComponents = {
-  text: Text,
-  regex: Text,
-  textarea: TextArea,
-  text_area: TextArea,
+  text: TextInput,
+  regex: TextInput,
+  textarea: TextAreaInput,
+  text_area: TextAreaInput,
   // TODO: Remove text-area after integration in all hosts.
-  number: Number$1,
-  monetary: Number$1,
-  integer: Number$1,
-  decimal: Number$1,
-  date: DateOrTime,
-  time: DateOrTime,
-  datetime: DateOrTime,
-  single_option: SingleOption,
-  multi_option: MultiOption,
-  date_range: RangePicker,
-  time_range: RangePicker,
+  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) {
@@ -1227,7 +1302,7 @@ var transformValues = function transformValues(_ref2) {
     delete allFieldValues[fieldPath];
   });
   var cleanedFieldValues = pipe(removeItemsWithNullData, removeNoiseFromValues)(neetoFieldValues);
-  return _objectSpread$f(_objectSpread$f({}, allFieldValues), {}, {
+  return _objectSpread$g(_objectSpread$g({}, allFieldValues), {}, {
     fieldValuesAttributes: cleanedFieldValues
   });
 };
@@ -1290,8 +1365,8 @@ var neetoFieldsUtils = {
   transformValues: transformValues
 };
 
-function ownKeys$e(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FieldInputs = withT(function (_ref) {
   var t = _ref.t,
     _ref$customComponents = _ref.customComponents,
@@ -1308,7 +1383,7 @@ var FieldInputs = withT(function (_ref) {
     if (Field) {
       return /*#__PURE__*/React.createElement(Field, _extends({
         key: field.id
-      }, _objectSpread$e(_objectSpread$e({}, field), {}, {
+      }, _objectSpread$f(_objectSpread$f({}, field), {}, {
         disabled: disabled,
         formRef: formRef,
         isRequiredColumnName: isRequiredColumnName
@@ -1321,17 +1396,8 @@ var FieldInputs = withT(function (_ref) {
   });
 });
 
-var NEETO_FIELDS_URL = "/neeto_fields_engine/api/v1";
-var FIELDS_URL = "".concat(NEETO_FIELDS_URL, "/fields");
-var FIELD_VALUES_URL = "".concat(NEETO_FIELDS_URL, "/field_values");
-var FIELD_VALUE_URL = "".concat(NEETO_FIELDS_URL, "/field_values/:fieldValueId");
-var FIELD_URL = "".concat(NEETO_FIELDS_URL, "/fields/:fieldId");
-var DEPENDENCIES_URL = "".concat(NEETO_FIELDS_URL, "/fields/:fieldId/dependencies");
-var FIELDS_REORDER_URL = "".concat(FIELDS_URL, "/reorder");
-var CONFIGS_URL = "".concat(NEETO_FIELDS_URL, "/configs");
-
-function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var fieldUrl = function fieldUrl(fieldId) {
   return buildUrl(FIELD_URL, {
     fieldId: fieldId
@@ -1350,7 +1416,7 @@ var fetch$1 = function fetch(_ref) {
     _ref$pageProps = _ref.pageProps,
     pageProps = _ref$pageProps === void 0 ? {} : _ref$pageProps;
   return axios.get(FIELDS_URL, {
-    params: _objectSpread$d({
+    params: _objectSpread$e({
       resourceType: resourceType,
       ownerId: ownerId,
       state: state,
@@ -1415,8 +1481,8 @@ var QUERY_KEYS = {
 var DEFAULT_STALE_TIME = 3600000; // 1 hour
 
 var _excluded$4 = ["prefixQueryKeys"];
-function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FIELDS = QUERY_KEYS.FIELDS,
   DEPENDENCIES = QUERY_KEYS.DEPENDENCIES;
 var useFetchFields = function useFetchFields(_ref, options) {
@@ -1425,12 +1491,12 @@ var useFetchFields = function useFetchFields(_ref, options) {
     params = _objectWithoutProperties(_ref, _excluded$4);
   return useQuery([FIELDS].concat(_toConsumableArray(prefixQueryKeys), [params]), function () {
     return fieldsApi.fetch(params);
-  }, _objectSpread$c({
+  }, _objectSpread$d({
     staleTime: DEFAULT_STALE_TIME
   }, options));
 };
 var useCreateField = function useCreateField(options) {
-  return useMutationWithInvalidation(fieldsApi.create, _objectSpread$c({
+  return useMutationWithInvalidation(fieldsApi.create, _objectSpread$d({
     keysToInvalidate: [FIELDS]
   }, options));
 };
@@ -1456,12 +1522,12 @@ var useFetchDependencies = function useFetchDependencies(_ref3, options) {
   }, options);
 };
 var useUpdateField = function useUpdateField(options) {
-  return useMutationWithInvalidation(fieldsApi.update, _objectSpread$c({
+  return useMutationWithInvalidation(fieldsApi.update, _objectSpread$d({
     keysToInvalidate: [FIELDS]
   }, options));
 };
 var useDestroyField = function useDestroyField(options) {
-  return useMutationWithInvalidation(fieldsApi.destroy, _objectSpread$c({
+  return useMutationWithInvalidation(fieldsApi.destroy, _objectSpread$d({
     keysToInvalidate: [FIELDS]
   }, options));
 };
@@ -1471,11 +1537,11 @@ var useReorderFields = function useReorderFields() {
   });
 };
 
-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; }
+function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var arrangeOptionsDisplayOrder = function arrangeOptionsDisplayOrder(options) {
   return options.map(function (option, index) {
-    return _objectSpread$b(_objectSpread$b({}, option), {}, {
+    return _objectSpread$c(_objectSpread$c({}, option), {}, {
       displayOrder: index
     });
   });
@@ -1490,7 +1556,7 @@ var buildPayload = function buildPayload(_ref) {
   var name = formValues.name.trim();
   return {
     ownerId: isEmpty(ownerId) ? undefined : ownerId,
-    field: _objectSpread$b(_objectSpread$b({}, omit(["createdAt", "id", "ownerId", "ownerType", "updatedAt"], formValues)), {}, {
+    field: _objectSpread$c(_objectSpread$c({}, omit(["createdAt", "id", "ownerId", "ownerType", "updatedAt"], formValues)), {}, {
       kind: kind,
       name: name,
       resourceType: isEmpty(resourceType) ? undefined : resourceType,
@@ -1516,7 +1582,7 @@ var getPermittedKinds = function getPermittedKinds(_ref2) {
   }, values(filteredKinds));
 };
 var generateValidationSchema = function generateValidationSchema(additionalValidations) {
-  return yup.object().shape(_objectSpread$b(_objectSpread$b({}, BASIC_FIELD_FORM_VALIDATIONS), additionalValidations));
+  return yup.object().shape(_objectSpread$c(_objectSpread$c({}, BASIC_FIELD_FORM_VALIDATIONS), additionalValidations));
 };
 var renderFormFooter = function renderFormFooter(_ref3) {
   var onClose = _ref3.onClose,
@@ -1727,7 +1793,7 @@ var AdditionalInputs = function AdditionalInputs() {
           disabled: isSystem,
           name: "data.".concat(index, ".label"),
           placeholder: t("neetoFields.placeholders.enterAnOption"),
-          suffix: options.length > 1 && /*#__PURE__*/React.createElement(Button$1, {
+          suffix: options.length > 1 && /*#__PURE__*/React.createElement(Button, {
             icon: Delete,
             style: "text",
             onClick: function onClick() {
@@ -1738,7 +1804,7 @@ var AdditionalInputs = function AdditionalInputs() {
             return handleKeyDown(event, arrayHelpers);
           }
         })));
-      }), /*#__PURE__*/React.createElement(Button$1, {
+      }), /*#__PURE__*/React.createElement(Button, {
         fullWidth: true,
         className: "mb-6 border-dashed text-xs uppercase",
         "data-cy": "neeto-fields-add-more-option-button",
@@ -1826,8 +1892,8 @@ var FieldForm = function FieldForm(_ref) {
 };
 
 var _excluded$3 = ["resourceType", "allowedKinds", "ownerId", "additionalValidations", "initialValues", "onClose", "onMutationSuccess"];
-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; }
+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; }
 
 /** @type {React.FC<import("types").AddProps>} */
 
@@ -1864,7 +1930,7 @@ var Add = function Add(_ref) {
     style: "h2"
   }, t("neetoFields.titles.addField"))), /*#__PURE__*/React.createElement(Form, {
     formikProps: {
-      initialValues: _objectSpread$a(_objectSpread$a({}, initialValues), INITIAL_FIELDS),
+      initialValues: _objectSpread$b(_objectSpread$b({}, initialValues), INITIAL_FIELDS),
       validationSchema: generateValidationSchema(additionalValidations),
       onSubmit: handleSubmit
     }
@@ -1881,8 +1947,8 @@ var Add = function Add(_ref) {
 };
 
 var _excluded$2 = ["fieldId", "allowedKinds", "ownerId", "additionalValidations", "initialValues", "onClose", "onMutationSuccess"];
-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; }
+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; }
 
 /** @type {React.FC<import("types").EditProps>} */
 
@@ -1935,7 +2001,7 @@ var Edit = function Edit(_ref) {
     style: "h2"
   }, t("neetoFields.titles.editField"))), isLoading ? /*#__PURE__*/React.createElement(PageLoader, null) : /*#__PURE__*/React.createElement(Form, {
     formikProps: {
-      initialValues: _objectSpread$9(_objectSpread$9({}, initialValues), assoc("kind", FIELD_KINDS[field.kind], field)),
+      initialValues: _objectSpread$a(_objectSpread$a({}, initialValues), assoc("kind", FIELD_KINDS[field.kind], field)),
       validationSchema: generateValidationSchema(additionalValidations),
       enableReinitialize: true,
       onSubmit: handleSubmit
@@ -1958,8 +2024,8 @@ var Edit = function Edit(_ref) {
 };
 
 var _excluded$1 = ["isOpen", "selectedField"];
-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; }
+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; }
 
 /** @type {React.FC<import("types").FieldsPaneProps>} */
 
@@ -1973,11 +2039,11 @@ var FieldsPane = function FieldsPane(_ref) {
     isOpen: isOpen,
     initialFocusRef: initialFocusField,
     onClose: props.onClose
-  }, isEmpty(selectedField) ? /*#__PURE__*/React.createElement(Add, _objectSpread$8(_objectSpread$8({}, props), {}, {
+  }, isEmpty(selectedField) ? /*#__PURE__*/React.createElement(Add, _objectSpread$9(_objectSpread$9({}, props), {}, {
     initialFocusField: initialFocusField
   })) : /*#__PURE__*/React.createElement(Edit, _extends({
     fieldId: selectedField === null || selectedField === void 0 ? void 0 : selectedField.id
-  }, _objectSpread$8(_objectSpread$8({}, props), {}, {
+  }, _objectSpread$9(_objectSpread$9({}, props), {}, {
     initialFocusField: initialFocusField
   }))));
 };
@@ -2697,16 +2763,16 @@ var configsApi = {
   fetchConfigs: fetchConfigs
 };
 
-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; }
+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 useFetchConfigs = function useFetchConfigs(options) {
-  return useQuery([QUERY_KEYS.CONFIGS], configsApi.fetchConfigs, _objectSpread$7({
+  return useQuery([QUERY_KEYS.CONFIGS], configsApi.fetchConfigs, _objectSpread$8({
     staleTime: DEFAULT_STALE_TIME
   }, options));
 };
 
-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; }
+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 useFieldsDashboard = function useFieldsDashboard(_ref) {
   var buildColumnData = _ref.buildColumnData,
     isOwnerBased = _ref.isOwnerBased,
@@ -2829,7 +2895,7 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
     defaultColumns: defaultColumns
   });
   var handleBlockClick = function handleBlockClick(params) {
-    return handleMetaClick(history, buildUrl("", _objectSpread$6({
+    return handleMetaClick(history, buildUrl("", _objectSpread$7({
       resource: resource,
       state: state
     }, params)));
@@ -2972,8 +3038,8 @@ var DeleteAlert = function DeleteAlert(_ref) {
   });
 };
 
-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; }
+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 FieldsTable = function FieldsTable(_ref) {
   var totalCount = _ref.totalCount,
     isFetched = _ref.isFetched,
@@ -3027,7 +3093,7 @@ var FieldsTable = function FieldsTable(_ref) {
     currentPageNumber: page,
     defaultPageSize: pageSize,
     handlePageChange: function handlePageChange(page) {
-      return setPageProps(_objectSpread$5(_objectSpread$5({}, pageProps), {}, {
+      return setPageProps(_objectSpread$6(_objectSpread$6({}, pageProps), {}, {
         page: page
       }));
     },
@@ -3044,7 +3110,7 @@ var ActionBlock = function ActionBlock(_ref) {
     t = _useTranslation.t;
   return /*#__PURE__*/React.createElement("div", {
     className: "flex flex-shrink-0 items-center gap-3"
-  }, /*#__PURE__*/React.createElement(Button$1, {
+  }, /*#__PURE__*/React.createElement(Button, {
     "data-cy": "neeto-fields-reorder-button",
     disabled: !reorderable,
     label: t("neetoFields.labels.reorder"),
@@ -3052,7 +3118,7 @@ var ActionBlock = function ActionBlock(_ref) {
     onClick: function onClick() {
       return setIsReorderPaneOpen(true);
     }
-  }), /*#__PURE__*/React.createElement(Button$1, {
+  }), /*#__PURE__*/React.createElement(Button, {
     "data-cy": "neeto-fields-add-button",
     label: t("neetoFields.labels.addField"),
     onClick: function onClick() {
@@ -7332,8 +7398,8 @@ function normalizeLocalDisabled(localDisabled, globalDisabled) {
 
 [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];
 
-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; }
+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 FieldBlock = function FieldBlock(_ref) {
   var field = _ref.field,
     index = _ref.index,
@@ -7356,7 +7422,7 @@ var FieldBlock = function FieldBlock(_ref) {
   };
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: setNodeRef
-  }, _objectSpread$4(_objectSpread$4({
+  }, _objectSpread$5(_objectSpread$5({
     style: style
   }, attributes), listeners), {
     className: "neeto-ui-text-gray-800 mb-3 flex w-full items-center space-x-4 font-medium",
@@ -7458,13 +7524,13 @@ var ReorderPane = function ReorderPane(_ref) {
     });
   }))))), /*#__PURE__*/React.createElement(Pane.Footer, {
     className: "flex items-center space-x-2"
-  }, /*#__PURE__*/React.createElement(Button$1, {
+  }, /*#__PURE__*/React.createElement(Button, {
     "data-cy": "save-changes-button",
     disabled: initialStateRef.current === fields,
     label: t("neetoFields.labels.saveChanges"),
     loading: isSubmitting,
     onClick: handleReorderSave
-  }), /*#__PURE__*/React.createElement(Button$1, {
+  }), /*#__PURE__*/React.createElement(Button, {
     "data-cy": "cancel-button",
     label: t("neetoFields.labels.cancel"),
     style: "text",
@@ -7661,37 +7727,93 @@ var fieldValuesApi = {
   update: update
 };
 
-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; }
+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 useCreateFieldValue = function useCreateFieldValue(options) {
-  return useMutationWithInvalidation(fieldValuesApi.create, _objectSpread$3({
+  return useMutationWithInvalidation(fieldValuesApi.create, _objectSpread$4({
     keysToInvalidate: [[QUERY_KEYS.FIELD_VALUES]]
   }, options));
 };
 var useUpdateFieldValue = function useUpdateFieldValue(options) {
-  return useMutationWithInvalidation(fieldValuesApi.update, _objectSpread$3({
+  return useMutationWithInvalidation(fieldValuesApi.update, _objectSpread$4({
     keysToInvalidate: [[QUERY_KEYS.FIELD_VALUES]]
   }, options));
 };
 var useDeleteFieldValue = function useDeleteFieldValue(options) {
-  return useMutationWithInvalidation(fieldValuesApi.destroy, _objectSpread$3({
+  return useMutationWithInvalidation(fieldValuesApi.destroy, _objectSpread$4({
     keysToInvalidate: [[QUERY_KEYS.FIELD_VALUES]]
   }, options));
 };
 
+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 useFieldValues = function useFieldValues(_ref) {
   var resourceId = _ref.resourceId,
     resourceType = _ref.resourceType,
     ownerId = _ref.ownerId,
-    queryOptions = _ref.queryOptions;
-  var _useCreateFieldValue = useCreateFieldValue(queryOptions),
+    _ref$queryOptions = _ref.queryOptions,
+    queryOptions = _ref$queryOptions === void 0 ? {} : _ref$queryOptions;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    submittingFieldDetails = _useState2[0],
+    setSubmittingFieldDetails = _useState2[1];
+  var onMutationSuccess = function onMutationSuccess() {
+    var _response$fieldValue, _queryOptions$onSucce;
+    for (var _len = arguments.length, callbackArguments = new Array(_len), _key = 0; _key < _len; _key++) {
+      callbackArguments[_key] = arguments[_key];
+    }
+    var _callbackArguments$ = callbackArguments[0],
+      response = _callbackArguments$ === void 0 ? {} : _callbackArguments$;
+    setSubmittingFieldDetails(assoc((_response$fieldValue = response.fieldValue) === null || _response$fieldValue === void 0 ? void 0 : _response$fieldValue.fieldId, {
+      status: SUBMIT_FIELD_STATUS.SUCCESS
+    }));
+    (_queryOptions$onSucce = queryOptions.onSuccess) === null || _queryOptions$onSucce === void 0 || _queryOptions$onSucce.call.apply(_queryOptions$onSucce, [queryOptions].concat(callbackArguments));
+  };
+  var onMutationError = function onMutationError() {
+    var _payload$payload, _queryOptions$onError;
+    for (var _len2 = arguments.length, callbackArguments = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      callbackArguments[_key2] = arguments[_key2];
+    }
+    callbackArguments[0];
+      var _callbackArguments$2 = callbackArguments[1],
+      payload = _callbackArguments$2 === void 0 ? {} : _callbackArguments$2;
+    setSubmittingFieldDetails(assoc((_payload$payload = payload.payload) === null || _payload$payload === void 0 || (_payload$payload = _payload$payload.fieldValue) === null || _payload$payload === void 0 ? void 0 : _payload$payload.fieldId, {
+      status: SUBMIT_FIELD_STATUS.FAILED
+    }));
+    (_queryOptions$onError = queryOptions.onError) === null || _queryOptions$onError === void 0 || _queryOptions$onError.call.apply(_queryOptions$onError, [queryOptions].concat(callbackArguments));
+  };
+  var onSettled = function onSettled() {
+    var _response$fieldValue2, _request$payload, _queryOptions$onSettl;
+    for (var _len3 = arguments.length, callbackArguments = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      callbackArguments[_key3] = arguments[_key3];
+    }
+    var _callbackArguments$3 = callbackArguments[0],
+      response = _callbackArguments$3 === void 0 ? {} : _callbackArguments$3;
+      callbackArguments[1];
+      var _callbackArguments$4 = callbackArguments[2],
+      request = _callbackArguments$4 === void 0 ? {} : _callbackArguments$4;
+    var fieldId = ((_response$fieldValue2 = response.fieldValue) === null || _response$fieldValue2 === void 0 ? void 0 : _response$fieldValue2.fieldId) || ((_request$payload = request.payload) === null || _request$payload === void 0 || (_request$payload = _request$payload.fieldValue) === null || _request$payload === void 0 ? void 0 : _request$payload.fieldId);
+    setTimeout(function () {
+      return setSubmittingFieldDetails(omit([fieldId]));
+    }, 5000);
+    (_queryOptions$onSettl = queryOptions.onSettled) === null || _queryOptions$onSettl === void 0 || _queryOptions$onSettl.call.apply(_queryOptions$onSettl, [queryOptions].concat(callbackArguments));
+  };
+  var updatedQueryOptions = _objectSpread$3(_objectSpread$3({}, queryOptions), {}, {
+    onSuccess: onMutationSuccess,
+    onError: onMutationError,
+    onSettled: onSettled
+  });
+  var _useCreateFieldValue = useCreateFieldValue(updatedQueryOptions),
     createFieldValue = _useCreateFieldValue.mutate;
-  var _useUpdateFieldValue = useUpdateFieldValue(queryOptions),
+  var _useUpdateFieldValue = useUpdateFieldValue(updatedQueryOptions),
     updateFieldValue = _useUpdateFieldValue.mutate;
-  var _useDeleteFieldValue = useDeleteFieldValue(queryOptions),
+  var _useDeleteFieldValue = useDeleteFieldValue(updatedQueryOptions),
     deleteFieldValue = _useDeleteFieldValue.mutate;
   var handleSubmit = function handleSubmit(field, values$1) {
     var fieldValue = head(values(values$1));
+    setSubmittingFieldDetails(assoc(fieldValue.fieldId, {
+      status: SUBMIT_FIELD_STATUS.SUBMITTING
+    }));
     var payload = {
       fieldValue: fieldValue,
       resource: resourceType,
@@ -7711,7 +7833,8 @@ var useFieldValues = function useFieldValues(_ref) {
     }
   };
   return {
-    handleSubmit: handleSubmit
+    handleSubmit: handleSubmit,
+    submittingFieldDetails: submittingFieldDetails
   };
 };
 
@@ -7869,7 +7992,8 @@ var FieldValuesContainer = function FieldValuesContainer(_ref) {
       ownerId: ownerId,
       queryOptions: queryOptions
     }),
-    handleSubmit = _useFieldValues.handleSubmit;
+    handleSubmit = _useFieldValues.handleSubmit,
+    submittingFieldDetails = _useFieldValues.submittingFieldDetails;
   var fields = propFields || fetchedFields;
   return /*#__PURE__*/React.createElement("div", {
     className: classnames("space-y-3 py-3", {
@@ -7883,6 +8007,7 @@ var FieldValuesContainer = function FieldValuesContainer(_ref) {
       customComponents: customComponents
     });
     if (Field) {
+      var _submittingFieldDetai;
       return /*#__PURE__*/React.createElement("div", {
         className: classnames(fieldClassName, "space-y-1"),
         key: field.id
@@ -7900,7 +8025,8 @@ var FieldValuesContainer = function FieldValuesContainer(_ref) {
         formRefs: formRefs,
         isRequiredColumnName: isRequiredColumnName
       }), {
-        individualSubmit: true
+        individualSubmit: true,
+        submissionStatus: (_submittingFieldDetai = submittingFieldDetails[field.id]) === null || _submittingFieldDetai === void 0 ? void 0 : _submittingFieldDetai.status
       })), /*#__PURE__*/React.createElement(BlockNavigation, {
         blockNavigation: blockNavigation,
         blockNavigationAlertProps: blockNavigationAlertProps
@@ -8004,7 +8130,7 @@ var InlineFieldValueInput = function InlineFieldValueInput(_ref2) {
     CustomDisplayComponent = _ref3$component === void 0 ? null : _ref3$component;
   var DisplayComponent = CustomDisplayComponent || DefaultDisplayComponent;
   return isEditable ? /*#__PURE__*/React.createElement("div", {
-    "data-cy": "inline-field-value-input-".concat(hyphenize(field.name))
+    "data-cy": "inline-field-value-input-".concat(hyphenize$1(field.name))
   }, /*#__PURE__*/React.createElement(FieldValueInputWrapper, {
     field: field,
     fieldValues: fieldValues,
@@ -8032,7 +8158,7 @@ var InlineFieldValueInput = function InlineFieldValueInput(_ref2) {
 
 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 = ".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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX2FkYXB0aXZlX2lucHV0LnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zdHlsZXNoZWV0cy9hcHBsaWNhdGlvbi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNFLDJDQUNFLGdDQ0FKLENESUksd0VBQ0UsaUNBQUEsQ0FDQSxpQ0NGTixDREtJLHlFQUNFLGlDQUFBLENBQ0EsaUNDSE4sQ0RNSSx3RUFDRSxrQ0FBQSxDQUNBLGlDQ0pOIiwic291cmNlc0NvbnRlbnQiOlsiLm5lZXRvLWZpZWxkcy1uYW5vLWFkYXB0aXZlLWlucHV0IHtcbiAgdGV4dGFyZWEge1xuICAgIC0tbmVldG8tdWktaW5wdXQtbGluZS1oZWlnaHQ6IDEuNTtcbiAgfVxuXG4gIC5uZWV0by11aS1pbnB1dCAge1xuICAgICYubmVldG8tdWktaW5wdXQtLXNtYWxsIHtcbiAgICAgIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy14OiA4cHg7XG4gICAgICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteTogNHB4O1xuICAgIH1cblxuICAgICYubmVldG8tdWktaW5wdXQtLW1lZGl1bSB7XG4gICAgICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteDogOHB4O1xuICAgICAgLS1uZWV0by11aS10ZXh0YXJlYS1wYWRkaW5nLXk6IDVweDtcbiAgICB9XG5cbiAgICAmLm5lZXRvLXVpLWlucHV0LS1sYXJnZSB7XG4gICAgICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteDogMTJweDtcbiAgICAgIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy15OiA4cHg7XG4gICAgfVxuICB9XG59XG4iLCIubmVldG8tZmllbGRzLW5hbm8tYWRhcHRpdmUtaW5wdXQgdGV4dGFyZWEge1xuICAtLW5lZXRvLXVpLWlucHV0LWxpbmUtaGVpZ2h0OiAxLjU7XG59XG4ubmVldG8tZmllbGRzLW5hbm8tYWRhcHRpdmUtaW5wdXQgLm5lZXRvLXVpLWlucHV0Lm5lZXRvLXVpLWlucHV0LS1zbWFsbCB7XG4gIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy14OiA4cHg7XG4gIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy15OiA0cHg7XG59XG4ubmVldG8tZmllbGRzLW5hbm8tYWRhcHRpdmUtaW5wdXQgLm5lZXRvLXVpLWlucHV0Lm5lZXRvLXVpLWlucHV0LS1tZWRpdW0ge1xuICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteDogOHB4O1xuICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteTogNXB4O1xufVxuLm5lZXRvLWZpZWxkcy1uYW5vLWFkYXB0aXZlLWlucHV0IC5uZWV0by11aS1pbnB1dC5uZWV0by11aS1pbnB1dC0tbGFyZ2Uge1xuICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteDogMTJweDtcbiAgLS1uZWV0by11aS10ZXh0YXJlYS1wYWRkaW5nLXk6IDhweDtcbn0iXX0= */";
+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}.neeto-fields-nano__metadata-card__spinner{scale:.6}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX2FkYXB0aXZlX2lucHV0LnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zdHlsZXNoZWV0cy9hcHBsaWNhdGlvbi5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy9fbWV0YWRhdGEtcGFuZWwuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDRSwyQ0FDRSxnQ0NBSixDRElJLHdFQUNFLGlDQUFBLENBQ0EsaUNDRk4sQ0RLSSx5RUFDRSxpQ0FBQSxDQUNBLGlDQ0hOLENETUksd0VBQ0Usa0NBQUEsQ0FDQSxpQ0NKTixDQ2RBLDJDQUNFLFFEaUJGIiwic291cmNlc0NvbnRlbnQiOlsiLm5lZXRvLWZpZWxkcy1uYW5vLWFkYXB0aXZlLWlucHV0IHtcbiAgdGV4dGFyZWEge1xuICAgIC0tbmVldG8tdWktaW5wdXQtbGluZS1oZWlnaHQ6IDEuNTtcbiAgfVxuXG4gIC5uZWV0by11aS1pbnB1dCAge1xuICAgICYubmVldG8tdWktaW5wdXQtLXNtYWxsIHtcbiAgICAgIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy14OiA4cHg7XG4gICAgICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteTogNHB4O1xuICAgIH1cblxuICAgICYubmVldG8tdWktaW5wdXQtLW1lZGl1bSB7XG4gICAgICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteDogOHB4O1xuICAgICAgLS1uZWV0by11aS10ZXh0YXJlYS1wYWRkaW5nLXk6IDVweDtcbiAgICB9XG5cbiAgICAmLm5lZXRvLXVpLWlucHV0LS1sYXJnZSB7XG4gICAgICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteDogMTJweDtcbiAgICAgIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy15OiA4cHg7XG4gICAgfVxuICB9XG59XG4iLCIubmVldG8tZmllbGRzLW5hbm8tYWRhcHRpdmUtaW5wdXQgdGV4dGFyZWEge1xuICAtLW5lZXRvLXVpLWlucHV0LWxpbmUtaGVpZ2h0OiAxLjU7XG59XG4ubmVldG8tZmllbGRzLW5hbm8tYWRhcHRpdmUtaW5wdXQgLm5lZXRvLXVpLWlucHV0Lm5lZXRvLXVpLWlucHV0LS1zbWFsbCB7XG4gIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy14OiA4cHg7XG4gIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy15OiA0cHg7XG59XG4ubmVldG8tZmllbGRzLW5hbm8tYWRhcHRpdmUtaW5wdXQgLm5lZXRvLXVpLWlucHV0Lm5lZXRvLXVpLWlucHV0LS1tZWRpdW0ge1xuICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteDogOHB4O1xuICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteTogNXB4O1xufVxuLm5lZXRvLWZpZWxkcy1uYW5vLWFkYXB0aXZlLWlucHV0IC5uZWV0by11aS1pbnB1dC5uZWV0by11aS1pbnB1dC0tbGFyZ2Uge1xuICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteDogMTJweDtcbiAgLS1uZWV0by11aS10ZXh0YXJlYS1wYWRkaW5nLXk6IDhweDtcbn1cblxuLm5lZXRvLWZpZWxkcy1uYW5vX19tZXRhZGF0YS1jYXJkX19zcGlubmVyIHtcbiAgc2NhbGU6IDAuNjtcbn0iLCIubmVldG8tZmllbGRzLW5hbm9fX21ldGFkYXRhLWNhcmRfX3NwaW5uZXIge1xuICBzY2FsZTogMC42O1xufVxuIl19 */";
 n(css,{});
 
 export { DeleteAlert as FieldDeleteAlert, FieldInputs, FieldValuesContainer, FieldsDashboard, FieldsPane, InlineFieldValueInput, neetoFieldsUtils, useCreateField, useDestroyField, useFetchFields, useShowField, useUpdateField };