@bigbinary/neeto-fields-frontend 1.3.41 → 1.3.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs.js +322 -176
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.js +262 -136
  4. package/dist/index.js.map +1 -1
  5. package/package.json +15 -12
package/dist/index.cjs.js CHANGED
@@ -4,27 +4,46 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
7
- var neetoui = require('@bigbinary/neetoui');
7
+ var Typography = require('@bigbinary/neetoui/Typography');
8
8
  var neetoCist = require('@bigbinary/neeto-cist');
9
9
  var ramda = require('ramda');
10
+ var NeetoUICheckbox = require('@bigbinary/neetoui/Checkbox');
10
11
  var formik = require('formik');
11
12
  var i18next = require('i18next');
12
13
  var yup = require('yup');
13
- var formik$1 = require('@bigbinary/neetoui/formik');
14
- var utils = require('@bigbinary/neeto-commons-frontend/utils');
14
+ var DatePicker = require('@bigbinary/neetoui/DatePicker');
15
+ var TimePicker = require('@bigbinary/neetoui/TimePicker');
16
+ var general = require('@bigbinary/neeto-commons-frontend/utils/general');
15
17
  var neetoIcons = require('@bigbinary/neeto-icons');
16
- var reactI18next = require('react-i18next');
18
+ var Label = require('@bigbinary/neetoui/Label');
19
+ var Spinner = require('@bigbinary/neetoui/Spinner');
20
+ var Select = require('@bigbinary/neetoui/formik/Select');
21
+ var Input = require('@bigbinary/neetoui/Input');
22
+ var Select$1 = require('@bigbinary/neetoui/Select');
23
+ var Textarea = require('@bigbinary/neetoui/Textarea');
17
24
  var constants = require('@bigbinary/neeto-commons-frontend/constants');
18
25
  var Container = require('@bigbinary/neeto-molecules/Container');
19
26
  var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
27
+ var reactI18next = require('react-i18next');
28
+ var Pane = require('@bigbinary/neetoui/Pane');
29
+ var Form = require('@bigbinary/neetoui/formik/Form');
20
30
  var reactQuery = require('react-query');
21
31
  var axios = require('axios');
32
+ var utils = require('@bigbinary/neeto-commons-frontend/utils');
33
+ var ActionBlock$1 = require('@bigbinary/neetoui/formik/ActionBlock');
22
34
  var uuid = require('uuid');
35
+ var Input$1 = require('@bigbinary/neetoui/formik/Input');
36
+ var Switch = require('@bigbinary/neetoui/formik/Switch');
37
+ var Button = require('@bigbinary/neetoui/Button');
23
38
  var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
24
39
  var reactRouterDom = require('react-router-dom');
25
40
  var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
26
41
  var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
42
+ var Tab = require('@bigbinary/neetoui/Tab');
43
+ var Alert = require('@bigbinary/neetoui/Alert');
27
44
  var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
45
+ var NoData = require('@bigbinary/neetoui/NoData');
46
+ var Table = require('@bigbinary/neetoui/Table');
28
47
  var NeetoUIHeader = require('@bigbinary/neeto-molecules/Header');
29
48
  var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
30
49
  var reactDom = require('react-dom');
@@ -52,13 +71,33 @@ function _interopNamespace(e) {
52
71
  }
53
72
 
54
73
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
74
+ var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
75
+ var NeetoUICheckbox__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUICheckbox);
55
76
  var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
77
+ var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
78
+ var TimePicker__default = /*#__PURE__*/_interopDefaultLegacy(TimePicker);
79
+ var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
80
+ var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
81
+ var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
82
+ var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
83
+ var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$1);
84
+ var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
56
85
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
57
86
  var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
87
+ var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
88
+ var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
58
89
  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
90
+ var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock$1);
91
+ var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
92
+ var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
93
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
59
94
  var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
60
95
  var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
96
+ var Tab__default = /*#__PURE__*/_interopDefaultLegacy(Tab);
97
+ var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
61
98
  var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
99
+ var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
100
+ var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
62
101
  var NeetoUIHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIHeader);
63
102
  var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
64
103
  var NeetoUISubHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUISubHeader);
@@ -151,6 +190,20 @@ function _toConsumableArray(arr) {
151
190
  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
152
191
  }
153
192
 
193
+ var NEETO_FIELDS_URL = "/neeto_fields_engine/api/v1";
194
+ var FIELDS_URL = "".concat(NEETO_FIELDS_URL, "/fields");
195
+ var FIELD_VALUES_URL = "".concat(NEETO_FIELDS_URL, "/field_values");
196
+ var FIELD_VALUE_URL = "".concat(NEETO_FIELDS_URL, "/field_values/:fieldValueId");
197
+ var FIELD_URL = "".concat(NEETO_FIELDS_URL, "/fields/:fieldId");
198
+ var DEPENDENCIES_URL = "".concat(NEETO_FIELDS_URL, "/fields/:fieldId/dependencies");
199
+ var FIELDS_REORDER_URL = "".concat(FIELDS_URL, "/reorder");
200
+ var CONFIGS_URL = "".concat(NEETO_FIELDS_URL, "/configs");
201
+ var SUBMIT_FIELD_STATUS = {
202
+ SUBMITTING: "submitting",
203
+ SUCCESS: "success",
204
+ FAILED: "failed"
205
+ };
206
+
154
207
  function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
155
208
  try {
156
209
  var info = gen[key](arg);
@@ -825,10 +878,13 @@ var dateTimeToString = function dateTimeToString(dateTime) {
825
878
  var getValueFromBool = function getValueFromBool(value) {
826
879
  return value === true ? i18next.t("neetoFields.common.yes") : i18next.t("neetoFields.common.no");
827
880
  };
881
+ var getComponentDisplayName = function getComponentDisplayName(Component) {
882
+ return Component.displayName || Component.name || "Component";
883
+ };
828
884
 
829
- var _excluded$7 = ["name", "id", "kind", "data", "individualSubmit", "formRef", "formRefs", "disabled", "isRequiredColumnName", "isInline", "onBlur"];
830
- 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; }
831
- 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; }
885
+ var _excluded$7 = ["name", "id", "kind", "data", "individualSubmit", "formRef", "formRefs", "disabled", "isRequiredColumnName", "isInline", "onBlur", "hasMetadataWrapper"];
886
+ 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; }
887
+ 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; }
832
888
  var useFormikFields = function useFormikFields(_ref) {
833
889
  var name = _ref.name,
834
890
  fieldId = _ref.id,
@@ -844,6 +900,8 @@ var useFormikFields = function useFormikFields(_ref) {
844
900
  isInline = _ref$isInline === void 0 ? false : _ref$isInline,
845
901
  _ref$onBlur = _ref.onBlur,
846
902
  handleBlur = _ref$onBlur === void 0 ? neetoCist.noop : _ref$onBlur,
903
+ _ref$hasMetadataWrapp = _ref.hasMetadataWrapper,
904
+ hasMetadataWrapper = _ref$hasMetadataWrapp === void 0 ? false : _ref$hasMetadataWrapp,
847
905
  props = _objectWithoutProperties(_ref, _excluded$7);
848
906
  var formikContext = formik.useFormikContext();
849
907
  var submitForm = formikContext.submitForm,
@@ -936,11 +994,12 @@ var useFormikFields = function useFormikFields(_ref) {
936
994
  return {
937
995
  dirty: dirty,
938
996
  handleSubmit: handleSubmit,
939
- fieldProps: _objectSpread$h(_objectSpread$h({}, formikFieldProps), {}, {
997
+ fieldProps: _objectSpread$i(_objectSpread$i({}, formikFieldProps), {}, {
998
+ id: fieldId,
940
999
  error: individualSubmit ? meta.error : meta.touched && meta.error,
941
1000
  value: getValueForField(formikFieldProps.value),
942
- label: !isInline && neetoCist.capitalize(name),
943
- labelProps: {
1001
+ label: !isInline && !hasMetadataWrapper && neetoCist.capitalize(name),
1002
+ labelProps: !isInline && !hasMetadataWrapper && {
944
1003
  required: props[isRequiredColumnName]
945
1004
  },
946
1005
  autoFocus: isInline && !DIRECT_EDIT_INPUT_FIELDS.includes(kind),
@@ -958,8 +1017,10 @@ var Checkbox = function Checkbox(props) {
958
1017
  var _useFormikFields = useFormikFields(props),
959
1018
  handleSubmit = _useFormikFields.handleSubmit,
960
1019
  fieldProps = _useFormikFields.fieldProps;
961
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, _extends({}, fieldProps, {
1020
+ var submissionStatus = props.submissionStatus;
1021
+ return /*#__PURE__*/React__default["default"].createElement(NeetoUICheckbox__default["default"], _extends({}, fieldProps, {
962
1022
  checked: fieldProps.value,
1023
+ disabled: submissionStatus === SUBMIT_FIELD_STATUS.SUBMITTING,
963
1024
  onChange: function onChange(_ref) {
964
1025
  var checked = _ref.target.checked;
965
1026
  return handleSubmit(checked);
@@ -967,9 +1028,60 @@ var Checkbox = function Checkbox(props) {
967
1028
  }));
968
1029
  };
969
1030
 
1031
+ var MetadataBlock = function MetadataBlock(_ref) {
1032
+ var labelProps = _ref.labelProps,
1033
+ label = _ref.label,
1034
+ fieldId = _ref.fieldId,
1035
+ children = _ref.children,
1036
+ submissionStatus = _ref.submissionStatus,
1037
+ isInline = _ref.isInline;
1038
+ return /*#__PURE__*/React__default["default"].createElement("div", {
1039
+ className: "w-full space-y-2"
1040
+ }, !isInline && /*#__PURE__*/React__default["default"].createElement("div", {
1041
+ className: "flex items-center gap-2"
1042
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], _extends({
1043
+ "data-cy": "".concat(general.hyphenize(label), "-label"),
1044
+ htmlFor: fieldId
1045
+ }, labelProps), label), /*#__PURE__*/React__default["default"].createElement("div", {
1046
+ className: "inline-flex h-6 items-center"
1047
+ }, submissionStatus === SUBMIT_FIELD_STATUS.SUBMITTING && /*#__PURE__*/React__default["default"].createElement(Spinner__default["default"], {
1048
+ className: "neeto-fields-nano__metadata-card__spinner"
1049
+ }), submissionStatus === SUBMIT_FIELD_STATUS.SUCCESS && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
1050
+ className: "neeto-ui-text-success-500",
1051
+ size: 20
1052
+ }))), children);
1053
+ };
1054
+
1055
+ var WithMetadataBlock = function WithMetadataBlock(Component) {
1056
+ var withMetadataBlockWrapper = function withMetadataBlockWrapper(props) {
1057
+ var submissionStatus = props.submissionStatus,
1058
+ _props$isInline = props.isInline,
1059
+ isInline = _props$isInline === void 0 ? false : _props$isInline,
1060
+ _props$isRequiredColu = props.isRequiredColumnName,
1061
+ isRequiredColumnName = _props$isRequiredColu === void 0 ? "isRequired" : _props$isRequiredColu,
1062
+ name = props.name,
1063
+ fieldId = props.id;
1064
+ var label = !isInline && neetoCist.capitalize(name);
1065
+ var labelProps = {
1066
+ required: props[isRequiredColumnName]
1067
+ };
1068
+ return /*#__PURE__*/React__default["default"].createElement(MetadataBlock, {
1069
+ fieldId: fieldId,
1070
+ isInline: isInline,
1071
+ label: label,
1072
+ labelProps: labelProps,
1073
+ submissionStatus: submissionStatus
1074
+ }, /*#__PURE__*/React__default["default"].createElement(Component, _extends({}, props, {
1075
+ hasMetadataWrapper: true
1076
+ })));
1077
+ };
1078
+ withMetadataBlockWrapper.displayName = "withMetadataBlockWrapper(".concat(getComponentDisplayName(Component), ")");
1079
+ return withMetadataBlockWrapper;
1080
+ };
1081
+
970
1082
  var _excluded$6 = ["onBlur"];
971
- 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; }
972
- 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; }
1083
+ 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; }
1084
+ 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; }
973
1085
  var DateOrTime = function DateOrTime(props) {
974
1086
  var isInline = props.isInline;
975
1087
  var _useState = React.useState(isInline),
@@ -1022,7 +1134,7 @@ var DateOrTime = function DateOrTime(props) {
1022
1134
  };
1023
1135
  }();
1024
1136
  if (props.kind === KINDS.time) {
1025
- return /*#__PURE__*/React__default["default"].createElement(neetoui.TimePicker, _extends({}, _objectSpread$g(_objectSpread$g({}, fieldProps), {}, {
1137
+ return /*#__PURE__*/React__default["default"].createElement(TimePicker__default["default"], _extends({}, _objectSpread$h(_objectSpread$h({}, fieldProps), {}, {
1026
1138
  onOpenChange: onOpenChange
1027
1139
  }), {
1028
1140
  use12Hours: true,
@@ -1031,29 +1143,30 @@ var DateOrTime = function DateOrTime(props) {
1031
1143
  onChange: handleChange
1032
1144
  }));
1033
1145
  } else if (props.kind === KINDS.date) {
1034
- return /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends({}, _objectSpread$g(_objectSpread$g({}, fieldProps), {}, {
1146
+ return /*#__PURE__*/React__default["default"].createElement(DatePicker__default["default"], _extends({}, _objectSpread$h(_objectSpread$h({}, fieldProps), {}, {
1035
1147
  onOpenChange: onOpenChange
1036
1148
  }), {
1037
1149
  open: isOpen,
1038
1150
  onChange: handleChange
1039
1151
  }));
1040
1152
  }
1041
- return /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends({
1153
+ return /*#__PURE__*/React__default["default"].createElement(DatePicker__default["default"], _extends({
1042
1154
  showTime: true,
1043
1155
  timeFormat: "h:mm A"
1044
- }, _objectSpread$g(_objectSpread$g({}, fieldProps), {}, {
1156
+ }, _objectSpread$h(_objectSpread$h({}, fieldProps), {}, {
1045
1157
  onOpenChange: onOpenChange
1046
1158
  }), {
1047
1159
  open: isOpen,
1048
1160
  onChange: handleChange
1049
1161
  }));
1050
1162
  };
1163
+ var DateOrTimeInput = WithMetadataBlock(DateOrTime);
1051
1164
 
1052
1165
  var MultiOption = function MultiOption(props) {
1053
1166
  var _useFormikFields = useFormikFields(props),
1054
1167
  handleSubmit = _useFormikFields.handleSubmit,
1055
1168
  fieldProps = _useFormikFields.fieldProps;
1056
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Select, _extends({
1169
+ return /*#__PURE__*/React__default["default"].createElement(Select__default["default"], _extends({
1057
1170
  isMulti: true,
1058
1171
  isSearchable: true,
1059
1172
  strategy: "fixed"
@@ -1063,36 +1176,25 @@ var MultiOption = function MultiOption(props) {
1063
1176
  }
1064
1177
  }));
1065
1178
  };
1179
+ var MultiOptionInput = WithMetadataBlock(MultiOption);
1066
1180
 
1067
1181
  var Number$1 = function Number(props) {
1068
1182
  var _useFormikFields = useFormikFields(props),
1069
1183
  handleSubmit = _useFormikFields.handleSubmit,
1070
1184
  fieldProps = _useFormikFields.fieldProps,
1071
1185
  dirty = _useFormikFields.dirty;
1072
- var individualSubmit = props.individualSubmit,
1073
- isInline = props.isInline;
1074
- var isNotInline = !isInline;
1075
- var showSubmitButton = isNotInline && individualSubmit && dirty;
1076
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends({}, fieldProps, isNotInline && {
1186
+ return /*#__PURE__*/React__default["default"].createElement(Input__default["default"], _extends({}, fieldProps, {
1187
+ type: "number",
1077
1188
  onBlur: function onBlur() {
1078
1189
  return dirty && handleSubmit();
1079
1190
  }
1080
- }, {
1081
- type: "number",
1082
- suffix: showSubmitButton && /*#__PURE__*/React__default["default"].createElement(formik$1.Button, {
1083
- "data-cy": utils.joinHyphenCase(fieldProps.label, "check-button"),
1084
- icon: neetoIcons.Check,
1085
- style: "text",
1086
- onClick: function onClick() {
1087
- return handleSubmit();
1088
- }
1089
- })
1090
1191
  }));
1091
1192
  };
1193
+ var NumberInput = WithMetadataBlock(Number$1);
1092
1194
 
1093
1195
  var _excluded$5 = ["onBlur"];
1094
1196
  var withOnClickOutsideWrapper = function withOnClickOutsideWrapper(Component) {
1095
- var Wrapper = function Wrapper(_ref) {
1197
+ var WithOnClickOutsideWrapper = function WithOnClickOutsideWrapper(_ref) {
1096
1198
  var _ref$onBlur = _ref.onBlur,
1097
1199
  onBlur = _ref$onBlur === void 0 ? neetoCist.noop : _ref$onBlur,
1098
1200
  props = _objectWithoutProperties(_ref, _excluded$5);
@@ -1109,10 +1211,11 @@ var withOnClickOutsideWrapper = function withOnClickOutsideWrapper(Component) {
1109
1211
  type: "range"
1110
1212
  }));
1111
1213
  };
1112
- return Wrapper;
1214
+ WithOnClickOutsideWrapper.displayName = "WithOnClickOutsideWrapper(".concat(getComponentDisplayName(Component), ")");
1215
+ return WithOnClickOutsideWrapper;
1113
1216
  };
1114
- var DateRangePicker = withOnClickOutsideWrapper(neetoui.DatePicker);
1115
- var TimeRangePicker = withOnClickOutsideWrapper(neetoui.TimePicker);
1217
+ var DateRangePicker = withOnClickOutsideWrapper(DatePicker__default["default"]);
1218
+ var TimeRangePicker = withOnClickOutsideWrapper(TimePicker__default["default"]);
1116
1219
  var RangePicker = function RangePicker(props) {
1117
1220
  var _useFormikFields = useFormikFields(props),
1118
1221
  handleSubmit = _useFormikFields.handleSubmit,
@@ -1140,12 +1243,13 @@ var RangePicker = function RangePicker(props) {
1140
1243
  onChange: handleChange
1141
1244
  }));
1142
1245
  };
1246
+ var RangePickerInput = WithMetadataBlock(RangePicker);
1143
1247
 
1144
1248
  var SingleOption = function SingleOption(props) {
1145
1249
  var _useFormikFields = useFormikFields(props),
1146
1250
  handleSubmit = _useFormikFields.handleSubmit,
1147
1251
  fieldProps = _useFormikFields.fieldProps;
1148
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
1252
+ return /*#__PURE__*/React__default["default"].createElement(Select__default$1["default"], _extends({
1149
1253
  isClearable: true,
1150
1254
  isSearchable: true,
1151
1255
  strategy: "fixed"
@@ -1155,13 +1259,13 @@ var SingleOption = function SingleOption(props) {
1155
1259
  }
1156
1260
  }));
1157
1261
  };
1262
+ var SingleOptionInput = WithMetadataBlock(SingleOption);
1158
1263
 
1159
1264
  var Text = function Text(props) {
1160
1265
  var _useFormikFields = useFormikFields(props),
1161
1266
  handleSubmit = _useFormikFields.handleSubmit,
1162
1267
  fieldProps = _useFormikFields.fieldProps,
1163
1268
  dirty = _useFormikFields.dirty;
1164
- var isInline = props.isInline;
1165
1269
  var handleKeyDown = function handleKeyDown(event) {
1166
1270
  if (event.key !== "Enter" || event.shiftKey) return;
1167
1271
  event.preventDefault();
@@ -1171,19 +1275,16 @@ var Text = function Text(props) {
1171
1275
  var end = element.value.length;
1172
1276
  element.setSelectionRange(end, end);
1173
1277
  };
1174
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Textarea, _extends({}, fieldProps, {
1278
+ return /*#__PURE__*/React__default["default"].createElement(Textarea__default["default"], _extends({}, fieldProps, {
1175
1279
  className: "neeto-fields-nano-adaptive-input",
1176
1280
  rows: 1,
1177
1281
  size: "small",
1178
1282
  style: {
1179
1283
  resize: "none"
1180
- }
1181
- // Inline inputs are already saved on blur and this could override that onBlur handler if this condition is not added.
1182
- }, !isInline && {
1284
+ },
1183
1285
  onBlur: function onBlur() {
1184
1286
  return dirty && handleSubmit();
1185
- }
1186
- }, {
1287
+ },
1187
1288
  onFocus: function onFocus(_ref) {
1188
1289
  var target = _ref.target;
1189
1290
  return handleFocus(target);
@@ -1191,46 +1292,40 @@ var Text = function Text(props) {
1191
1292
  onKeyDown: handleKeyDown
1192
1293
  }));
1193
1294
  };
1295
+ var TextInput = WithMetadataBlock(Text);
1194
1296
 
1195
1297
  var TextArea = function TextArea(props) {
1196
- var _useTranslation = reactI18next.useTranslation(),
1197
- t = _useTranslation.t;
1198
1298
  var _useFormikFields = useFormikFields(props),
1199
1299
  handleSubmit = _useFormikFields.handleSubmit,
1200
1300
  fieldProps = _useFormikFields.fieldProps,
1201
1301
  dirty = _useFormikFields.dirty;
1202
- var individualSubmit = props.individualSubmit,
1203
- isInline = props.isInline;
1204
- var showSubmitButton = !isInline && individualSubmit && dirty;
1205
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Textarea, fieldProps), showSubmitButton && /*#__PURE__*/React__default["default"].createElement(formik$1.Button, {
1206
- className: "m-auto mt-2",
1207
- label: t("neetoFields.labels.submit"),
1208
- size: "small",
1209
- onClick: function onClick() {
1210
- return handleSubmit();
1302
+ return /*#__PURE__*/React__default["default"].createElement(Textarea__default["default"], _extends({}, fieldProps, {
1303
+ onBlur: function onBlur() {
1304
+ return dirty && handleSubmit();
1211
1305
  }
1212
1306
  }));
1213
1307
  };
1308
+ var TextAreaInput = WithMetadataBlock(TextArea);
1214
1309
 
1215
- 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; }
1216
- 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; }
1310
+ 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; }
1311
+ 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; }
1217
1312
  var standardComponents = {
1218
- text: Text,
1219
- regex: Text,
1220
- textarea: TextArea,
1221
- text_area: TextArea,
1313
+ text: TextInput,
1314
+ regex: TextInput,
1315
+ textarea: TextAreaInput,
1316
+ text_area: TextAreaInput,
1222
1317
  // TODO: Remove text-area after integration in all hosts.
1223
- number: Number$1,
1224
- monetary: Number$1,
1225
- integer: Number$1,
1226
- decimal: Number$1,
1227
- date: DateOrTime,
1228
- time: DateOrTime,
1229
- datetime: DateOrTime,
1230
- single_option: SingleOption,
1231
- multi_option: MultiOption,
1232
- date_range: RangePicker,
1233
- time_range: RangePicker,
1318
+ number: NumberInput,
1319
+ monetary: NumberInput,
1320
+ integer: NumberInput,
1321
+ decimal: NumberInput,
1322
+ date: DateOrTimeInput,
1323
+ time: DateOrTimeInput,
1324
+ datetime: DateOrTimeInput,
1325
+ single_option: SingleOptionInput,
1326
+ multi_option: MultiOptionInput,
1327
+ date_range: RangePickerInput,
1328
+ time_range: RangePickerInput,
1234
1329
  checkbox: Checkbox
1235
1330
  };
1236
1331
  var getFieldInput = function getFieldInput(_ref) {
@@ -1264,7 +1359,7 @@ var transformValues = function transformValues(_ref2) {
1264
1359
  delete allFieldValues[fieldPath];
1265
1360
  });
1266
1361
  var cleanedFieldValues = ramda.pipe(removeItemsWithNullData, removeNoiseFromValues)(neetoFieldValues);
1267
- return _objectSpread$f(_objectSpread$f({}, allFieldValues), {}, {
1362
+ return _objectSpread$g(_objectSpread$g({}, allFieldValues), {}, {
1268
1363
  fieldValuesAttributes: cleanedFieldValues
1269
1364
  });
1270
1365
  };
@@ -1327,8 +1422,8 @@ var neetoFieldsUtils = {
1327
1422
  transformValues: transformValues
1328
1423
  };
1329
1424
 
1330
- 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; }
1331
- 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; }
1425
+ 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; }
1426
+ 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; }
1332
1427
  var FieldInputs = reactUtils.withT(function (_ref) {
1333
1428
  var t = _ref.t,
1334
1429
  _ref$customComponents = _ref.customComponents,
@@ -1345,30 +1440,21 @@ var FieldInputs = reactUtils.withT(function (_ref) {
1345
1440
  if (Field) {
1346
1441
  return /*#__PURE__*/React__default["default"].createElement(Field, _extends({
1347
1442
  key: field.id
1348
- }, _objectSpread$e(_objectSpread$e({}, field), {}, {
1443
+ }, _objectSpread$f(_objectSpread$f({}, field), {}, {
1349
1444
  disabled: disabled,
1350
1445
  formRef: formRef,
1351
1446
  isRequiredColumnName: isRequiredColumnName
1352
1447
  })));
1353
1448
  }
1354
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1449
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1355
1450
  key: field.id,
1356
1451
  style: "body2"
1357
1452
  }, t("neetoFields.messages.invalidKind"));
1358
1453
  });
1359
1454
  });
1360
1455
 
1361
- var NEETO_FIELDS_URL = "/neeto_fields_engine/api/v1";
1362
- var FIELDS_URL = "".concat(NEETO_FIELDS_URL, "/fields");
1363
- var FIELD_VALUES_URL = "".concat(NEETO_FIELDS_URL, "/field_values");
1364
- var FIELD_VALUE_URL = "".concat(NEETO_FIELDS_URL, "/field_values/:fieldValueId");
1365
- var FIELD_URL = "".concat(NEETO_FIELDS_URL, "/fields/:fieldId");
1366
- var DEPENDENCIES_URL = "".concat(NEETO_FIELDS_URL, "/fields/:fieldId/dependencies");
1367
- var FIELDS_REORDER_URL = "".concat(FIELDS_URL, "/reorder");
1368
- var CONFIGS_URL = "".concat(NEETO_FIELDS_URL, "/configs");
1369
-
1370
- 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; }
1371
- 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; }
1456
+ 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; }
1457
+ 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; }
1372
1458
  var fieldUrl = function fieldUrl(fieldId) {
1373
1459
  return utils.buildUrl(FIELD_URL, {
1374
1460
  fieldId: fieldId
@@ -1387,7 +1473,7 @@ var fetch$1 = function fetch(_ref) {
1387
1473
  _ref$pageProps = _ref.pageProps,
1388
1474
  pageProps = _ref$pageProps === void 0 ? {} : _ref$pageProps;
1389
1475
  return axios__default["default"].get(FIELDS_URL, {
1390
- params: _objectSpread$d({
1476
+ params: _objectSpread$e({
1391
1477
  resourceType: resourceType,
1392
1478
  ownerId: ownerId,
1393
1479
  state: state,
@@ -1452,8 +1538,8 @@ var QUERY_KEYS = {
1452
1538
  var DEFAULT_STALE_TIME = 3600000; // 1 hour
1453
1539
 
1454
1540
  var _excluded$4 = ["prefixQueryKeys"];
1455
- 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; }
1456
- 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; }
1541
+ 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; }
1542
+ 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; }
1457
1543
  var FIELDS = QUERY_KEYS.FIELDS,
1458
1544
  DEPENDENCIES = QUERY_KEYS.DEPENDENCIES;
1459
1545
  var useFetchFields = function useFetchFields(_ref, options) {
@@ -1462,12 +1548,12 @@ var useFetchFields = function useFetchFields(_ref, options) {
1462
1548
  params = _objectWithoutProperties(_ref, _excluded$4);
1463
1549
  return reactQuery.useQuery([FIELDS].concat(_toConsumableArray(prefixQueryKeys), [params]), function () {
1464
1550
  return fieldsApi.fetch(params);
1465
- }, _objectSpread$c({
1551
+ }, _objectSpread$d({
1466
1552
  staleTime: DEFAULT_STALE_TIME
1467
1553
  }, options));
1468
1554
  };
1469
1555
  var useCreateField = function useCreateField(options) {
1470
- return reactUtils.useMutationWithInvalidation(fieldsApi.create, _objectSpread$c({
1556
+ return reactUtils.useMutationWithInvalidation(fieldsApi.create, _objectSpread$d({
1471
1557
  keysToInvalidate: [FIELDS]
1472
1558
  }, options));
1473
1559
  };
@@ -1493,12 +1579,12 @@ var useFetchDependencies = function useFetchDependencies(_ref3, options) {
1493
1579
  }, options);
1494
1580
  };
1495
1581
  var useUpdateField = function useUpdateField(options) {
1496
- return reactUtils.useMutationWithInvalidation(fieldsApi.update, _objectSpread$c({
1582
+ return reactUtils.useMutationWithInvalidation(fieldsApi.update, _objectSpread$d({
1497
1583
  keysToInvalidate: [FIELDS]
1498
1584
  }, options));
1499
1585
  };
1500
1586
  var useDestroyField = function useDestroyField(options) {
1501
- return reactUtils.useMutationWithInvalidation(fieldsApi.destroy, _objectSpread$c({
1587
+ return reactUtils.useMutationWithInvalidation(fieldsApi.destroy, _objectSpread$d({
1502
1588
  keysToInvalidate: [FIELDS]
1503
1589
  }, options));
1504
1590
  };
@@ -1508,11 +1594,11 @@ var useReorderFields = function useReorderFields() {
1508
1594
  });
1509
1595
  };
1510
1596
 
1511
- 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; }
1512
- 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; }
1597
+ 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; }
1598
+ 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; }
1513
1599
  var arrangeOptionsDisplayOrder = function arrangeOptionsDisplayOrder(options) {
1514
1600
  return options.map(function (option, index) {
1515
- return _objectSpread$b(_objectSpread$b({}, option), {}, {
1601
+ return _objectSpread$c(_objectSpread$c({}, option), {}, {
1516
1602
  displayOrder: index
1517
1603
  });
1518
1604
  });
@@ -1527,7 +1613,7 @@ var buildPayload = function buildPayload(_ref) {
1527
1613
  var name = formValues.name.trim();
1528
1614
  return {
1529
1615
  ownerId: ramda.isEmpty(ownerId) ? undefined : ownerId,
1530
- field: _objectSpread$b(_objectSpread$b({}, ramda.omit(["createdAt", "id", "ownerId", "ownerType", "updatedAt"], formValues)), {}, {
1616
+ field: _objectSpread$c(_objectSpread$c({}, ramda.omit(["createdAt", "id", "ownerId", "ownerType", "updatedAt"], formValues)), {}, {
1531
1617
  kind: kind,
1532
1618
  name: name,
1533
1619
  resourceType: ramda.isEmpty(resourceType) ? undefined : resourceType,
@@ -1553,12 +1639,12 @@ var getPermittedKinds = function getPermittedKinds(_ref2) {
1553
1639
  }, ramda.values(filteredKinds));
1554
1640
  };
1555
1641
  var generateValidationSchema = function generateValidationSchema(additionalValidations) {
1556
- return yup__namespace.object().shape(_objectSpread$b(_objectSpread$b({}, BASIC_FIELD_FORM_VALIDATIONS), additionalValidations));
1642
+ return yup__namespace.object().shape(_objectSpread$c(_objectSpread$c({}, BASIC_FIELD_FORM_VALIDATIONS), additionalValidations));
1557
1643
  };
1558
1644
  var renderFormFooter = function renderFormFooter(_ref3) {
1559
1645
  var onClose = _ref3.onClose,
1560
1646
  loading = _ref3.loading;
1561
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, null, /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
1647
+ return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
1562
1648
  cancelButtonProps: {
1563
1649
  onClick: onClose
1564
1650
  },
@@ -1751,7 +1837,7 @@ var AdditionalInputs = function AdditionalInputs() {
1751
1837
  return /*#__PURE__*/React__default["default"].createElement("div", {
1752
1838
  className: "flex w-full flex-col gap-y-4",
1753
1839
  id: "neeto-fields-dropdown-options-wrapper"
1754
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
1840
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
1755
1841
  required: true
1756
1842
  }, t("neetoFields.titles.dropdownOptions")), neetoCist.isNotEmpty(options) && Array.isArray(options) && options.map(function (_, index) {
1757
1843
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1759,12 +1845,12 @@ var AdditionalInputs = function AdditionalInputs() {
1759
1845
  key: index
1760
1846
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1761
1847
  className: "w-full"
1762
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
1848
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], {
1763
1849
  autoFocus: true,
1764
1850
  disabled: isSystem,
1765
1851
  name: "data.".concat(index, ".label"),
1766
1852
  placeholder: t("neetoFields.placeholders.enterAnOption"),
1767
- suffix: options.length > 1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1853
+ suffix: options.length > 1 && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
1768
1854
  icon: neetoIcons.Delete,
1769
1855
  style: "text",
1770
1856
  onClick: function onClick() {
@@ -1775,7 +1861,7 @@ var AdditionalInputs = function AdditionalInputs() {
1775
1861
  return handleKeyDown(event, arrayHelpers);
1776
1862
  }
1777
1863
  })));
1778
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1864
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
1779
1865
  fullWidth: true,
1780
1866
  className: "mb-6 border-dashed text-xs uppercase",
1781
1867
  "data-cy": "neeto-fields-add-more-option-button",
@@ -1789,14 +1875,14 @@ var AdditionalInputs = function AdditionalInputs() {
1789
1875
  } else if (isRegex(kind.value)) {
1790
1876
  return /*#__PURE__*/React__default["default"].createElement("div", {
1791
1877
  className: "flex w-full flex-col gap-y-4"
1792
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
1878
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
1793
1879
  required: true
1794
- }, t("neetoFields.titles.regexOptions")), /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
1880
+ }, t("neetoFields.titles.regexOptions")), /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], {
1795
1881
  disabled: isSystem,
1796
1882
  label: t("neetoFields.labels.regexCondition"),
1797
1883
  name: "data.condition",
1798
1884
  placeholder: t("neetoFields.placeholders.regexExample")
1799
- }), /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
1885
+ }), /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], {
1800
1886
  disabled: isSystem,
1801
1887
  label: t("neetoFields.labels.helpMessage"),
1802
1888
  name: "data.helpMessage",
@@ -1831,9 +1917,9 @@ var FieldForm = function FieldForm(_ref) {
1831
1917
  setFieldValue("data", options !== null && options !== void 0 ? options : DEFAULT_REGEX_DATA);
1832
1918
  }
1833
1919
  };
1834
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
1920
+ return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
1835
1921
  className: "w-full space-y-4"
1836
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
1922
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], {
1837
1923
  required: true,
1838
1924
  "data-cy": "name-text-field",
1839
1925
  disabled: isSystem,
@@ -1841,20 +1927,20 @@ var FieldForm = function FieldForm(_ref) {
1841
1927
  name: "name",
1842
1928
  placeholder: t("neetoFields.placeholders.enterFieldName"),
1843
1929
  ref: initialFocusField
1844
- }), /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
1930
+ }), /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
1845
1931
  isSearchable: true,
1846
1932
  isDisabled: isSystem,
1847
1933
  label: t("neetoFields.labels.fieldKind"),
1848
1934
  name: "kind",
1849
1935
  options: kindSelectOptions,
1850
1936
  onChange: handleKindChange
1851
- }), isAdditionalDataNeeded(chosenKind) && /*#__PURE__*/React__default["default"].createElement(AdditionalInputs, null), !hideRequiredSwitch && /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
1937
+ }), isAdditionalDataNeeded(chosenKind) && /*#__PURE__*/React__default["default"].createElement(AdditionalInputs, null), !hideRequiredSwitch && /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
1852
1938
  className: "flex items-center gap-2",
1853
1939
  "data-cy": "is-required-switch-container"
1854
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Switch, {
1940
+ }, /*#__PURE__*/React__default["default"].createElement(Switch__default["default"], {
1855
1941
  "data-cy": "is-required-switch",
1856
1942
  name: "isRequired"
1857
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1943
+ }), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1858
1944
  className: "leading-4",
1859
1945
  component: "span",
1860
1946
  "data-cy": "is-required-switch-label",
@@ -1863,8 +1949,8 @@ var FieldForm = function FieldForm(_ref) {
1863
1949
  };
1864
1950
 
1865
1951
  var _excluded$3 = ["resourceType", "allowedKinds", "ownerId", "additionalValidations", "initialValues", "onClose", "onMutationSuccess"];
1866
- 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; }
1867
- 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; }
1952
+ 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; }
1953
+ 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; }
1868
1954
 
1869
1955
  /** @type {React.FC<import("types").AddProps>} */
1870
1956
 
@@ -1896,12 +1982,12 @@ var Add = function Add(_ref) {
1896
1982
  onSuccess: onClose
1897
1983
  });
1898
1984
  };
1899
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1985
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1900
1986
  "data-cy": "add-pane-header",
1901
1987
  style: "h2"
1902
- }, t("neetoFields.titles.addField"))), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
1988
+ }, t("neetoFields.titles.addField"))), /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
1903
1989
  formikProps: {
1904
- initialValues: _objectSpread$a(_objectSpread$a({}, initialValues), INITIAL_FIELDS),
1990
+ initialValues: _objectSpread$b(_objectSpread$b({}, initialValues), INITIAL_FIELDS),
1905
1991
  validationSchema: generateValidationSchema(additionalValidations),
1906
1992
  onSubmit: handleSubmit
1907
1993
  }
@@ -1918,8 +2004,8 @@ var Add = function Add(_ref) {
1918
2004
  };
1919
2005
 
1920
2006
  var _excluded$2 = ["fieldId", "allowedKinds", "ownerId", "additionalValidations", "initialValues", "onClose", "onMutationSuccess"];
1921
- 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; }
1922
- 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; }
2007
+ 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; }
2008
+ 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; }
1923
2009
 
1924
2010
  /** @type {React.FC<import("types").EditProps>} */
1925
2011
 
@@ -1967,12 +2053,12 @@ var Edit = function Edit(_ref) {
1967
2053
  payload: payload
1968
2054
  });
1969
2055
  };
1970
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2056
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1971
2057
  "data-cy": "edit-pane-header",
1972
2058
  style: "h2"
1973
- }, t("neetoFields.titles.editField"))), isLoading ? /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null) : /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
2059
+ }, t("neetoFields.titles.editField"))), isLoading ? /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null) : /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
1974
2060
  formikProps: {
1975
- initialValues: _objectSpread$9(_objectSpread$9({}, initialValues), ramda.assoc("kind", FIELD_KINDS[field.kind], field)),
2061
+ initialValues: _objectSpread$a(_objectSpread$a({}, initialValues), ramda.assoc("kind", FIELD_KINDS[field.kind], field)),
1976
2062
  validationSchema: generateValidationSchema(additionalValidations),
1977
2063
  enableReinitialize: true,
1978
2064
  onSubmit: handleSubmit
@@ -1995,8 +2081,8 @@ var Edit = function Edit(_ref) {
1995
2081
  };
1996
2082
 
1997
2083
  var _excluded$1 = ["isOpen", "selectedField"];
1998
- 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; }
1999
- 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; }
2084
+ 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; }
2085
+ 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; }
2000
2086
 
2001
2087
  /** @type {React.FC<import("types").FieldsPaneProps>} */
2002
2088
 
@@ -2006,15 +2092,15 @@ var FieldsPane = function FieldsPane(_ref) {
2006
2092
  selectedField = _ref$selectedField === void 0 ? {} : _ref$selectedField,
2007
2093
  props = _objectWithoutProperties(_ref, _excluded$1);
2008
2094
  var initialFocusField = React.useRef(null);
2009
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
2095
+ return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
2010
2096
  isOpen: isOpen,
2011
2097
  initialFocusRef: initialFocusField,
2012
2098
  onClose: props.onClose
2013
- }, ramda.isEmpty(selectedField) ? /*#__PURE__*/React__default["default"].createElement(Add, _objectSpread$8(_objectSpread$8({}, props), {}, {
2099
+ }, ramda.isEmpty(selectedField) ? /*#__PURE__*/React__default["default"].createElement(Add, _objectSpread$9(_objectSpread$9({}, props), {}, {
2014
2100
  initialFocusField: initialFocusField
2015
2101
  })) : /*#__PURE__*/React__default["default"].createElement(Edit, _extends({
2016
2102
  fieldId: selectedField === null || selectedField === void 0 ? void 0 : selectedField.id
2017
- }, _objectSpread$8(_objectSpread$8({}, props), {}, {
2103
+ }, _objectSpread$9(_objectSpread$9({}, props), {}, {
2018
2104
  initialFocusField: initialFocusField
2019
2105
  }))));
2020
2106
  };
@@ -2562,7 +2648,7 @@ var buildDefaultColumns = function buildDefaultColumns(_ref2) {
2562
2648
  render: function render(name, field) {
2563
2649
  return /*#__PURE__*/React__default["default"].createElement("div", {
2564
2650
  className: "flex items-center justify-between gap-x-3"
2565
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2651
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2566
2652
  style: "body2"
2567
2653
  }, name), /*#__PURE__*/React__default["default"].createElement(MoreDropdown__default["default"], {
2568
2654
  dropdownProps: {
@@ -2647,15 +2733,15 @@ var renderStateFilterTabs = function renderStateFilterTabs(_ref5) {
2647
2733
  activeFieldsCount = _ref5.activeFieldsCount,
2648
2734
  inactiveFieldsCount = _ref5.inactiveFieldsCount,
2649
2735
  handleBlockClick = _ref5.handleBlockClick;
2650
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, {
2736
+ return /*#__PURE__*/React__default["default"].createElement(Tab__default["default"], {
2651
2737
  className: "mb-4"
2652
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
2738
+ }, /*#__PURE__*/React__default["default"].createElement(Tab__default["default"].Item, {
2653
2739
  active: selectedState === FIELD_STATES.active,
2654
2740
  "data-cy": "menubar-active-block",
2655
2741
  onClick: handleBlockClick({
2656
2742
  state: FIELD_STATES.active
2657
2743
  })
2658
- }, fieldStatesTaxonomy.active, "(", activeFieldsCount, ")"), /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
2744
+ }, fieldStatesTaxonomy.active, "(", activeFieldsCount, ")"), /*#__PURE__*/React__default["default"].createElement(Tab__default["default"].Item, {
2659
2745
  active: selectedState === FIELD_STATES.inactive,
2660
2746
  "data-cy": "menubar-inactive-block",
2661
2747
  onClick: handleBlockClick({
@@ -2734,16 +2820,16 @@ var configsApi = {
2734
2820
  fetchConfigs: fetchConfigs
2735
2821
  };
2736
2822
 
2737
- 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; }
2738
- 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; }
2823
+ 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; }
2824
+ 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; }
2739
2825
  var useFetchConfigs = function useFetchConfigs(options) {
2740
- return reactQuery.useQuery([QUERY_KEYS.CONFIGS], configsApi.fetchConfigs, _objectSpread$7({
2826
+ return reactQuery.useQuery([QUERY_KEYS.CONFIGS], configsApi.fetchConfigs, _objectSpread$8({
2741
2827
  staleTime: DEFAULT_STALE_TIME
2742
2828
  }, options));
2743
2829
  };
2744
2830
 
2745
- 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; }
2746
- 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; }
2831
+ 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; }
2832
+ 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; }
2747
2833
  var useFieldsDashboard = function useFieldsDashboard(_ref) {
2748
2834
  var buildColumnData = _ref.buildColumnData,
2749
2835
  isOwnerBased = _ref.isOwnerBased,
@@ -2866,7 +2952,7 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
2866
2952
  defaultColumns: defaultColumns
2867
2953
  });
2868
2954
  var handleBlockClick = function handleBlockClick(params) {
2869
- return reactUtils.handleMetaClick(history, utils.buildUrl("", _objectSpread$6({
2955
+ return reactUtils.handleMetaClick(history, utils.buildUrl("", _objectSpread$7({
2870
2956
  resource: resource,
2871
2957
  state: state
2872
2958
  }, params)));
@@ -2993,7 +3079,7 @@ var DeleteAlert = function DeleteAlert(_ref) {
2993
3079
  _useFetchDependencies2 = _useFetchDependencies.data,
2994
3080
  _useFetchDependencies3 = _useFetchDependencies2 === void 0 ? {} : _useFetchDependencies2,
2995
3081
  affectedResourcesCount = _useFetchDependencies3.affectedResourcesCount;
2996
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
3082
+ return /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
2997
3083
  affectedResourcesCount: affectedResourcesCount,
2998
3084
  isOpen: isDeleteAlertOpen,
2999
3085
  isSubmitting: isDeleting,
@@ -3009,8 +3095,8 @@ var DeleteAlert = function DeleteAlert(_ref) {
3009
3095
  });
3010
3096
  };
3011
3097
 
3012
- 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; }
3013
- 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; }
3098
+ 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; }
3099
+ 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; }
3014
3100
  var FieldsTable = function FieldsTable(_ref) {
3015
3101
  var totalCount = _ref.totalCount,
3016
3102
  isFetched = _ref.isFetched,
@@ -3048,14 +3134,14 @@ var FieldsTable = function FieldsTable(_ref) {
3048
3134
  }
3049
3135
  return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], null, showNoDataScreen ? /*#__PURE__*/React__default["default"].createElement("div", {
3050
3136
  className: "flex h-full w-full items-center justify-center"
3051
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, _extends({
3137
+ }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], _extends({
3052
3138
  title: showStateFilter ? t("neetoFields.messages.noFieldsWithState", {
3053
3139
  title: title,
3054
3140
  state: state
3055
3141
  }) : t("neetoFields.messages.noFields", {
3056
3142
  title: title
3057
3143
  })
3058
- }, noDataProps))) : /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
3144
+ }, noDataProps))) : /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
3059
3145
  columnData: columnData,
3060
3146
  rowData: rowData,
3061
3147
  totalCount: totalCount,
@@ -3064,7 +3150,7 @@ var FieldsTable = function FieldsTable(_ref) {
3064
3150
  currentPageNumber: page,
3065
3151
  defaultPageSize: pageSize,
3066
3152
  handlePageChange: function handlePageChange(page) {
3067
- return setPageProps(_objectSpread$5(_objectSpread$5({}, pageProps), {}, {
3153
+ return setPageProps(_objectSpread$6(_objectSpread$6({}, pageProps), {}, {
3068
3154
  page: page
3069
3155
  }));
3070
3156
  },
@@ -3081,7 +3167,7 @@ var ActionBlock = function ActionBlock(_ref) {
3081
3167
  t = _useTranslation.t;
3082
3168
  return /*#__PURE__*/React__default["default"].createElement("div", {
3083
3169
  className: "flex flex-shrink-0 items-center gap-3"
3084
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3170
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
3085
3171
  "data-cy": "neeto-fields-reorder-button",
3086
3172
  disabled: !reorderable,
3087
3173
  label: t("neetoFields.labels.reorder"),
@@ -3089,7 +3175,7 @@ var ActionBlock = function ActionBlock(_ref) {
3089
3175
  onClick: function onClick() {
3090
3176
  return setIsReorderPaneOpen(true);
3091
3177
  }
3092
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3178
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
3093
3179
  "data-cy": "neeto-fields-add-button",
3094
3180
  label: t("neetoFields.labels.addField"),
3095
3181
  onClick: function onClick() {
@@ -7369,8 +7455,8 @@ function normalizeLocalDisabled(localDisabled, globalDisabled) {
7369
7455
 
7370
7456
  [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];
7371
7457
 
7372
- 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; }
7373
- 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; }
7458
+ 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; }
7459
+ 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; }
7374
7460
  var FieldBlock = function FieldBlock(_ref) {
7375
7461
  var field = _ref.field,
7376
7462
  index = _ref.index,
@@ -7393,7 +7479,7 @@ var FieldBlock = function FieldBlock(_ref) {
7393
7479
  };
7394
7480
  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
7395
7481
  ref: setNodeRef
7396
- }, _objectSpread$4(_objectSpread$4({
7482
+ }, _objectSpread$5(_objectSpread$5({
7397
7483
  style: style
7398
7484
  }, attributes), listeners), {
7399
7485
  className: "neeto-ui-text-gray-800 mb-3 flex w-full items-center space-x-4 font-medium",
@@ -7466,14 +7552,14 @@ var ReorderPane = function ReorderPane(_ref) {
7466
7552
  onSuccess: onClose
7467
7553
  });
7468
7554
  };
7469
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
7555
+ return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
7470
7556
  isOpen: isOpen,
7471
7557
  onClose: onClose
7472
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
7558
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7473
7559
  "data-cy": "reorder-pane-header",
7474
7560
  style: "h2",
7475
7561
  weight: "semibold"
7476
- }, t("neetoFields.titles.reorderFields"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
7562
+ }, t("neetoFields.titles.reorderFields"))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7477
7563
  className: "mb-3",
7478
7564
  "data-cy": "reorder-pane-message",
7479
7565
  style: "body2"
@@ -7493,15 +7579,15 @@ var ReorderPane = function ReorderPane(_ref) {
7493
7579
  index: index,
7494
7580
  key: index
7495
7581
  });
7496
- }))))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
7582
+ }))))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, {
7497
7583
  className: "flex items-center space-x-2"
7498
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
7584
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
7499
7585
  "data-cy": "save-changes-button",
7500
7586
  disabled: initialStateRef.current === fields,
7501
7587
  label: t("neetoFields.labels.saveChanges"),
7502
7588
  loading: isSubmitting,
7503
7589
  onClick: handleReorderSave
7504
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
7590
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
7505
7591
  "data-cy": "cancel-button",
7506
7592
  label: t("neetoFields.labels.cancel"),
7507
7593
  style: "text",
@@ -7516,7 +7602,7 @@ var Subheader = function Subheader(_ref) {
7516
7602
  var _useTranslation = reactI18next.useTranslation(),
7517
7603
  t = _useTranslation.t;
7518
7604
  return /*#__PURE__*/React__default["default"].createElement(NeetoUISubHeader__default["default"], {
7519
- leftActionBlock: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
7605
+ leftActionBlock: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7520
7606
  className: "neeto-ui-gray-800 mr-4 font-semibold",
7521
7607
  "data-cy": "neeto-fields-subheader-text",
7522
7608
  style: "h4"
@@ -7698,37 +7784,93 @@ var fieldValuesApi = {
7698
7784
  update: update
7699
7785
  };
7700
7786
 
7701
- 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; }
7702
- 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; }
7787
+ 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; }
7788
+ 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; }
7703
7789
  var useCreateFieldValue = function useCreateFieldValue(options) {
7704
- return reactUtils.useMutationWithInvalidation(fieldValuesApi.create, _objectSpread$3({
7790
+ return reactUtils.useMutationWithInvalidation(fieldValuesApi.create, _objectSpread$4({
7705
7791
  keysToInvalidate: [[QUERY_KEYS.FIELD_VALUES]]
7706
7792
  }, options));
7707
7793
  };
7708
7794
  var useUpdateFieldValue = function useUpdateFieldValue(options) {
7709
- return reactUtils.useMutationWithInvalidation(fieldValuesApi.update, _objectSpread$3({
7795
+ return reactUtils.useMutationWithInvalidation(fieldValuesApi.update, _objectSpread$4({
7710
7796
  keysToInvalidate: [[QUERY_KEYS.FIELD_VALUES]]
7711
7797
  }, options));
7712
7798
  };
7713
7799
  var useDeleteFieldValue = function useDeleteFieldValue(options) {
7714
- return reactUtils.useMutationWithInvalidation(fieldValuesApi.destroy, _objectSpread$3({
7800
+ return reactUtils.useMutationWithInvalidation(fieldValuesApi.destroy, _objectSpread$4({
7715
7801
  keysToInvalidate: [[QUERY_KEYS.FIELD_VALUES]]
7716
7802
  }, options));
7717
7803
  };
7718
7804
 
7805
+ 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; }
7806
+ 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; }
7719
7807
  var useFieldValues = function useFieldValues(_ref) {
7720
7808
  var resourceId = _ref.resourceId,
7721
7809
  resourceType = _ref.resourceType,
7722
7810
  ownerId = _ref.ownerId,
7723
- queryOptions = _ref.queryOptions;
7724
- var _useCreateFieldValue = useCreateFieldValue(queryOptions),
7811
+ _ref$queryOptions = _ref.queryOptions,
7812
+ queryOptions = _ref$queryOptions === void 0 ? {} : _ref$queryOptions;
7813
+ var _useState = React.useState({}),
7814
+ _useState2 = _slicedToArray(_useState, 2),
7815
+ submittingFieldDetails = _useState2[0],
7816
+ setSubmittingFieldDetails = _useState2[1];
7817
+ var onMutationSuccess = function onMutationSuccess() {
7818
+ var _response$fieldValue, _queryOptions$onSucce;
7819
+ for (var _len = arguments.length, callbackArguments = new Array(_len), _key = 0; _key < _len; _key++) {
7820
+ callbackArguments[_key] = arguments[_key];
7821
+ }
7822
+ var _callbackArguments$ = callbackArguments[0],
7823
+ response = _callbackArguments$ === void 0 ? {} : _callbackArguments$;
7824
+ setSubmittingFieldDetails(ramda.assoc((_response$fieldValue = response.fieldValue) === null || _response$fieldValue === void 0 ? void 0 : _response$fieldValue.fieldId, {
7825
+ status: SUBMIT_FIELD_STATUS.SUCCESS
7826
+ }));
7827
+ (_queryOptions$onSucce = queryOptions.onSuccess) === null || _queryOptions$onSucce === void 0 || _queryOptions$onSucce.call.apply(_queryOptions$onSucce, [queryOptions].concat(callbackArguments));
7828
+ };
7829
+ var onMutationError = function onMutationError() {
7830
+ var _payload$payload, _queryOptions$onError;
7831
+ for (var _len2 = arguments.length, callbackArguments = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
7832
+ callbackArguments[_key2] = arguments[_key2];
7833
+ }
7834
+ callbackArguments[0];
7835
+ var _callbackArguments$2 = callbackArguments[1],
7836
+ payload = _callbackArguments$2 === void 0 ? {} : _callbackArguments$2;
7837
+ setSubmittingFieldDetails(ramda.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, {
7838
+ status: SUBMIT_FIELD_STATUS.FAILED
7839
+ }));
7840
+ (_queryOptions$onError = queryOptions.onError) === null || _queryOptions$onError === void 0 || _queryOptions$onError.call.apply(_queryOptions$onError, [queryOptions].concat(callbackArguments));
7841
+ };
7842
+ var onSettled = function onSettled() {
7843
+ var _response$fieldValue2, _request$payload, _queryOptions$onSettl;
7844
+ for (var _len3 = arguments.length, callbackArguments = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
7845
+ callbackArguments[_key3] = arguments[_key3];
7846
+ }
7847
+ var _callbackArguments$3 = callbackArguments[0],
7848
+ response = _callbackArguments$3 === void 0 ? {} : _callbackArguments$3;
7849
+ callbackArguments[1];
7850
+ var _callbackArguments$4 = callbackArguments[2],
7851
+ request = _callbackArguments$4 === void 0 ? {} : _callbackArguments$4;
7852
+ 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);
7853
+ setTimeout(function () {
7854
+ return setSubmittingFieldDetails(ramda.omit([fieldId]));
7855
+ }, 5000);
7856
+ (_queryOptions$onSettl = queryOptions.onSettled) === null || _queryOptions$onSettl === void 0 || _queryOptions$onSettl.call.apply(_queryOptions$onSettl, [queryOptions].concat(callbackArguments));
7857
+ };
7858
+ var updatedQueryOptions = _objectSpread$3(_objectSpread$3({}, queryOptions), {}, {
7859
+ onSuccess: onMutationSuccess,
7860
+ onError: onMutationError,
7861
+ onSettled: onSettled
7862
+ });
7863
+ var _useCreateFieldValue = useCreateFieldValue(updatedQueryOptions),
7725
7864
  createFieldValue = _useCreateFieldValue.mutate;
7726
- var _useUpdateFieldValue = useUpdateFieldValue(queryOptions),
7865
+ var _useUpdateFieldValue = useUpdateFieldValue(updatedQueryOptions),
7727
7866
  updateFieldValue = _useUpdateFieldValue.mutate;
7728
- var _useDeleteFieldValue = useDeleteFieldValue(queryOptions),
7867
+ var _useDeleteFieldValue = useDeleteFieldValue(updatedQueryOptions),
7729
7868
  deleteFieldValue = _useDeleteFieldValue.mutate;
7730
7869
  var handleSubmit = function handleSubmit(field, values) {
7731
7870
  var fieldValue = ramda.head(ramda.values(values));
7871
+ setSubmittingFieldDetails(ramda.assoc(fieldValue.fieldId, {
7872
+ status: SUBMIT_FIELD_STATUS.SUBMITTING
7873
+ }));
7732
7874
  var payload = {
7733
7875
  fieldValue: fieldValue,
7734
7876
  resource: resourceType,
@@ -7748,7 +7890,8 @@ var useFieldValues = function useFieldValues(_ref) {
7748
7890
  }
7749
7891
  };
7750
7892
  return {
7751
- handleSubmit: handleSubmit
7893
+ handleSubmit: handleSubmit,
7894
+ submittingFieldDetails: submittingFieldDetails
7752
7895
  };
7753
7896
  };
7754
7897
 
@@ -7823,7 +7966,7 @@ var BlockNavigation = function BlockNavigation(_ref) {
7823
7966
  hidePrompt = _useNavPrompt.hidePrompt,
7824
7967
  navigate = _useNavPrompt.navigate;
7825
7968
  var alertProps = _objectSpread$2(_objectSpread$2({}, DEAFULT_BLOCK_NAVIGATION_ALERT_PROPS), blockNavigationAlertProps);
7826
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
7969
+ return /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
7827
7970
  cancelButtonLabel: alertProps["cancelButtonLabel"],
7828
7971
  isOpen: blocked,
7829
7972
  message: alertProps["message"],
@@ -7841,7 +7984,7 @@ var FieldValueInputWrapper = function FieldValueInputWrapper(_ref) {
7841
7984
  onSubmit = _ref.onSubmit,
7842
7985
  _ref$className = _ref.className,
7843
7986
  className = _ref$className === void 0 ? "" : _ref$className;
7844
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
7987
+ return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
7845
7988
  scrollToErrorField: true,
7846
7989
  className: classnames__default["default"]("flex w-full", className),
7847
7990
  formikProps: {
@@ -7906,7 +8049,8 @@ var FieldValuesContainer = function FieldValuesContainer(_ref) {
7906
8049
  ownerId: ownerId,
7907
8050
  queryOptions: queryOptions
7908
8051
  }),
7909
- handleSubmit = _useFieldValues.handleSubmit;
8052
+ handleSubmit = _useFieldValues.handleSubmit,
8053
+ submittingFieldDetails = _useFieldValues.submittingFieldDetails;
7910
8054
  var fields = propFields || fetchedFields;
7911
8055
  return /*#__PURE__*/React__default["default"].createElement("div", {
7912
8056
  className: classnames__default["default"]("space-y-3 py-3", {
@@ -7914,12 +8058,13 @@ var FieldValuesContainer = function FieldValuesContainer(_ref) {
7914
8058
  }, className)
7915
8059
  }, isFieldsLoading ? /*#__PURE__*/React__default["default"].createElement("div", {
7916
8060
  className: "flex items-center justify-center"
7917
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null)) : getNonSystemFields(fields).map(function (field) {
8061
+ }, /*#__PURE__*/React__default["default"].createElement(Spinner__default["default"], null)) : getNonSystemFields(fields).map(function (field) {
7918
8062
  var Field = getFieldInput({
7919
8063
  field: field,
7920
8064
  customComponents: customComponents
7921
8065
  });
7922
8066
  if (Field) {
8067
+ var _submittingFieldDetai;
7923
8068
  return /*#__PURE__*/React__default["default"].createElement("div", {
7924
8069
  className: classnames__default["default"](fieldClassName, "space-y-1"),
7925
8070
  key: field.id
@@ -7937,13 +8082,14 @@ var FieldValuesContainer = function FieldValuesContainer(_ref) {
7937
8082
  formRefs: formRefs,
7938
8083
  isRequiredColumnName: isRequiredColumnName
7939
8084
  }), {
7940
- individualSubmit: true
8085
+ individualSubmit: true,
8086
+ submissionStatus: (_submittingFieldDetai = submittingFieldDetails[field.id]) === null || _submittingFieldDetai === void 0 ? void 0 : _submittingFieldDetai.status
7941
8087
  })), /*#__PURE__*/React__default["default"].createElement(BlockNavigation, {
7942
8088
  blockNavigation: blockNavigation,
7943
8089
  blockNavigationAlertProps: blockNavigationAlertProps
7944
8090
  }))));
7945
8091
  }
7946
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
8092
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7947
8093
  key: field.id,
7948
8094
  style: "body2"
7949
8095
  }, t("neetoFields.messages.invalidKind"));
@@ -7991,7 +8137,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
7991
8137
  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; }
7992
8138
  var DefaultDisplayComponent = function DefaultDisplayComponent(_ref) {
7993
8139
  var value = _ref.value;
7994
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
8140
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7995
8141
  className: "text-wrap"
7996
8142
  }, value);
7997
8143
  };
@@ -8069,7 +8215,7 @@ var InlineFieldValueInput = function InlineFieldValueInput(_ref2) {
8069
8215
 
8070
8216
  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}}
8071
8217
 
8072
- 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= */";
8218
+ 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 */";
8073
8219
  n(css,{});
8074
8220
 
8075
8221
  exports.FieldDeleteAlert = DeleteAlert;