@bigbinary/neeto-fields-frontend 1.4.0-beta2 → 2.0.0
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.
- package/dist/index.cjs.js +144 -123
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +140 -121
- package/dist/index.js.map +1 -1
- package/package.json +11 -11
- package/types.d.ts +1 -1
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useState, useRef, useMemo, useLayoutEffect, useCallback, createContext, memo, useReducer, useContext, createElement } from 'react';
|
|
2
2
|
import { useFuncDebounce, useOnClickOutside, withT, useMutationWithInvalidation, isMetaKeyPressed, useQueryParams, handleMetaClick } from '@bigbinary/neeto-commons-frontend/react-utils';
|
|
3
3
|
import Typography from '@bigbinary/neetoui/Typography';
|
|
4
|
-
import { isNotEmpty, renameKeys, capitalize, findBy, noop as noop$1, notEquals, filterBy, toLabelAndValue, slugify, humanize,
|
|
4
|
+
import { isNotEmpty, renameKeys, capitalize, findBy, noop as noop$1, notEquals, filterBy, toLabelAndValue, slugify, humanize, isPresent } from '@bigbinary/neeto-cist';
|
|
5
5
|
import { values, isNotNil, isNil, isEmpty, prop, pluck, clone, pipe, mergeAll, omit, map, pick, assoc, not, any, head } from 'ramda';
|
|
6
6
|
import NeetoUICheckbox from '@bigbinary/neetoui/Checkbox';
|
|
7
7
|
import { useFormikContext, useField, FieldArray } from 'formik';
|
|
@@ -12,7 +12,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
12
12
|
import DatePicker from '@bigbinary/neetoui/DatePicker';
|
|
13
13
|
import TimePicker from '@bigbinary/neetoui/TimePicker';
|
|
14
14
|
import { hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
|
|
15
|
-
import
|
|
15
|
+
import Check from '@bigbinary/neeto-icons/Check';
|
|
16
16
|
import Label from '@bigbinary/neetoui/Label';
|
|
17
17
|
import Spinner from '@bigbinary/neetoui/Spinner';
|
|
18
18
|
import Select from '@bigbinary/neetoui/formik/Select';
|
|
@@ -32,6 +32,7 @@ import ActionBlock$1 from '@bigbinary/neetoui/formik/ActionBlock';
|
|
|
32
32
|
import { v4 } from 'uuid';
|
|
33
33
|
import Input$1 from '@bigbinary/neetoui/formik/Input';
|
|
34
34
|
import Switch from '@bigbinary/neetoui/formik/Switch';
|
|
35
|
+
import Delete from '@bigbinary/neeto-icons/Delete';
|
|
35
36
|
import Button from '@bigbinary/neetoui/Button';
|
|
36
37
|
import { buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend';
|
|
37
38
|
import { Link, useHistory } from 'react-router-dom';
|
|
@@ -45,8 +46,8 @@ import Table from '@bigbinary/neetoui/Table';
|
|
|
45
46
|
import NeetoUIHeader from '@bigbinary/neeto-molecules/Header';
|
|
46
47
|
import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
|
|
47
48
|
import { unstable_batchedUpdates, createPortal } from 'react-dom';
|
|
48
|
-
import NeetoUISubHeader from '@bigbinary/neeto-molecules/SubHeader';
|
|
49
49
|
import classnames from 'classnames';
|
|
50
|
+
import NeetoUISubHeader from '@bigbinary/neeto-molecules/SubHeader';
|
|
50
51
|
|
|
51
52
|
function _typeof$1(o) {
|
|
52
53
|
"@babel/helpers - typeof";
|
|
@@ -801,9 +802,9 @@ var getComponentDisplayName = function getComponentDisplayName(Component) {
|
|
|
801
802
|
return Component.displayName || Component.name || "Component";
|
|
802
803
|
};
|
|
803
804
|
|
|
804
|
-
var _excluded$
|
|
805
|
-
function ownKeys$
|
|
806
|
-
function _objectSpread$
|
|
805
|
+
var _excluded$8 = ["name", "id", "kind", "data", "individualSubmit", "formRef", "formRefs", "disabled", "isRequiredColumnName", "isInline", "onBlur", "hasMetadataWrapper"];
|
|
806
|
+
function ownKeys$u(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; }
|
|
807
|
+
function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
807
808
|
var useFormikFields = function useFormikFields(_ref) {
|
|
808
809
|
var name = _ref.name,
|
|
809
810
|
fieldId = _ref.id,
|
|
@@ -821,7 +822,7 @@ var useFormikFields = function useFormikFields(_ref) {
|
|
|
821
822
|
handleBlur = _ref$onBlur === void 0 ? noop$1 : _ref$onBlur,
|
|
822
823
|
_ref$hasMetadataWrapp = _ref.hasMetadataWrapper,
|
|
823
824
|
hasMetadataWrapper = _ref$hasMetadataWrapp === void 0 ? false : _ref$hasMetadataWrapp,
|
|
824
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
825
|
+
props = _objectWithoutProperties(_ref, _excluded$8);
|
|
825
826
|
var formikContext = useFormikContext();
|
|
826
827
|
var submitForm = formikContext.submitForm,
|
|
827
828
|
dirty = formikContext.dirty,
|
|
@@ -913,7 +914,7 @@ var useFormikFields = function useFormikFields(_ref) {
|
|
|
913
914
|
return {
|
|
914
915
|
dirty: dirty,
|
|
915
916
|
handleSubmit: handleSubmit,
|
|
916
|
-
fieldProps: _objectSpread$
|
|
917
|
+
fieldProps: _objectSpread$u(_objectSpread$u({}, formikFieldProps), {}, {
|
|
917
918
|
id: fieldId,
|
|
918
919
|
error: individualSubmit ? meta.error : meta.touched && meta.error,
|
|
919
920
|
value: getValueForField(formikFieldProps.value),
|
|
@@ -932,14 +933,14 @@ var useFormikFields = function useFormikFields(_ref) {
|
|
|
932
933
|
};
|
|
933
934
|
};
|
|
934
935
|
|
|
935
|
-
function ownKeys$
|
|
936
|
-
function _objectSpread$
|
|
936
|
+
function ownKeys$t(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; }
|
|
937
|
+
function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
937
938
|
var Checkbox = function Checkbox(props) {
|
|
938
939
|
var _useFormikFields = useFormikFields(props),
|
|
939
940
|
handleSubmit = _useFormikFields.handleSubmit,
|
|
940
941
|
fieldProps = _useFormikFields.fieldProps;
|
|
941
942
|
var submissionStatus = props.submissionStatus;
|
|
942
|
-
return /*#__PURE__*/jsx(NeetoUICheckbox, _objectSpread$
|
|
943
|
+
return /*#__PURE__*/jsx(NeetoUICheckbox, _objectSpread$t(_objectSpread$t({}, fieldProps), {}, {
|
|
943
944
|
checked: fieldProps.value,
|
|
944
945
|
disabled: submissionStatus === SUBMIT_FIELD_STATUS.SUBMITTING,
|
|
945
946
|
onChange: function onChange(_ref) {
|
|
@@ -949,8 +950,8 @@ var Checkbox = function Checkbox(props) {
|
|
|
949
950
|
}));
|
|
950
951
|
};
|
|
951
952
|
|
|
952
|
-
function ownKeys$
|
|
953
|
-
function _objectSpread$
|
|
953
|
+
function ownKeys$s(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; }
|
|
954
|
+
function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
954
955
|
var MetadataBlock = function MetadataBlock(_ref) {
|
|
955
956
|
var labelProps = _ref.labelProps,
|
|
956
957
|
label = _ref.label,
|
|
@@ -962,7 +963,7 @@ var MetadataBlock = function MetadataBlock(_ref) {
|
|
|
962
963
|
className: "w-full space-y-2",
|
|
963
964
|
children: [!isInline && /*#__PURE__*/jsxs("div", {
|
|
964
965
|
className: "flex items-center gap-2",
|
|
965
|
-
children: [/*#__PURE__*/jsx(Label, _objectSpread$
|
|
966
|
+
children: [/*#__PURE__*/jsx(Label, _objectSpread$s(_objectSpread$s({
|
|
966
967
|
"data-cy": "".concat(hyphenize(label), "-label"),
|
|
967
968
|
htmlFor: fieldId
|
|
968
969
|
}, labelProps), {}, {
|
|
@@ -980,8 +981,8 @@ var MetadataBlock = function MetadataBlock(_ref) {
|
|
|
980
981
|
});
|
|
981
982
|
};
|
|
982
983
|
|
|
983
|
-
function ownKeys$
|
|
984
|
-
function _objectSpread$
|
|
984
|
+
function ownKeys$r(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; }
|
|
985
|
+
function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
985
986
|
var WithMetadataBlock = function WithMetadataBlock(Component) {
|
|
986
987
|
var withMetadataBlockWrapper = function withMetadataBlockWrapper(props) {
|
|
987
988
|
var submissionStatus = props.submissionStatus,
|
|
@@ -1001,7 +1002,7 @@ var WithMetadataBlock = function WithMetadataBlock(Component) {
|
|
|
1001
1002
|
label: label,
|
|
1002
1003
|
labelProps: labelProps,
|
|
1003
1004
|
submissionStatus: submissionStatus,
|
|
1004
|
-
children: /*#__PURE__*/jsx(Component, _objectSpread$
|
|
1005
|
+
children: /*#__PURE__*/jsx(Component, _objectSpread$r(_objectSpread$r({}, props), {}, {
|
|
1005
1006
|
hasMetadataWrapper: true
|
|
1006
1007
|
}))
|
|
1007
1008
|
});
|
|
@@ -1010,9 +1011,9 @@ var WithMetadataBlock = function WithMetadataBlock(Component) {
|
|
|
1010
1011
|
return withMetadataBlockWrapper;
|
|
1011
1012
|
};
|
|
1012
1013
|
|
|
1013
|
-
var _excluded$
|
|
1014
|
-
function ownKeys$
|
|
1015
|
-
function _objectSpread$
|
|
1014
|
+
var _excluded$7 = ["onBlur"];
|
|
1015
|
+
function ownKeys$q(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; }
|
|
1016
|
+
function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1016
1017
|
var DateOrTime = function DateOrTime(props) {
|
|
1017
1018
|
var isInline = props.isInline;
|
|
1018
1019
|
var _useState = useState(isInline),
|
|
@@ -1024,7 +1025,7 @@ var DateOrTime = function DateOrTime(props) {
|
|
|
1024
1025
|
handleSubmit = _useFormikFields.handleSubmit,
|
|
1025
1026
|
_useFormikFields$fiel = _useFormikFields.fieldProps,
|
|
1026
1027
|
onBlur = _useFormikFields$fiel.onBlur,
|
|
1027
|
-
fieldProps = _objectWithoutProperties(_useFormikFields$fiel, _excluded$
|
|
1028
|
+
fieldProps = _objectWithoutProperties(_useFormikFields$fiel, _excluded$7),
|
|
1028
1029
|
helpers = _useFormikFields.helpers;
|
|
1029
1030
|
var handleChange = function handleChange(dateTime) {
|
|
1030
1031
|
value.current = dateTimeToString(dateTime);
|
|
@@ -1065,7 +1066,7 @@ var DateOrTime = function DateOrTime(props) {
|
|
|
1065
1066
|
};
|
|
1066
1067
|
}();
|
|
1067
1068
|
if (props.kind === KINDS.time) {
|
|
1068
|
-
return /*#__PURE__*/jsx(TimePicker, _objectSpread$
|
|
1069
|
+
return /*#__PURE__*/jsx(TimePicker, _objectSpread$q(_objectSpread$q({}, _objectSpread$q(_objectSpread$q({}, fieldProps), {}, {
|
|
1069
1070
|
onOpenChange: onOpenChange
|
|
1070
1071
|
})), {}, {
|
|
1071
1072
|
use12Hours: true,
|
|
@@ -1074,17 +1075,17 @@ var DateOrTime = function DateOrTime(props) {
|
|
|
1074
1075
|
onChange: handleChange
|
|
1075
1076
|
}));
|
|
1076
1077
|
} else if (props.kind === KINDS.date) {
|
|
1077
|
-
return /*#__PURE__*/jsx(DatePicker, _objectSpread$
|
|
1078
|
+
return /*#__PURE__*/jsx(DatePicker, _objectSpread$q(_objectSpread$q({}, _objectSpread$q(_objectSpread$q({}, fieldProps), {}, {
|
|
1078
1079
|
onOpenChange: onOpenChange
|
|
1079
1080
|
})), {}, {
|
|
1080
1081
|
open: isOpen,
|
|
1081
1082
|
onChange: handleChange
|
|
1082
1083
|
}));
|
|
1083
1084
|
}
|
|
1084
|
-
return /*#__PURE__*/jsx(DatePicker, _objectSpread$
|
|
1085
|
+
return /*#__PURE__*/jsx(DatePicker, _objectSpread$q(_objectSpread$q({
|
|
1085
1086
|
showTime: true,
|
|
1086
1087
|
timeFormat: "h:mm A"
|
|
1087
|
-
}, _objectSpread$
|
|
1088
|
+
}, _objectSpread$q(_objectSpread$q({}, fieldProps), {}, {
|
|
1088
1089
|
onOpenChange: onOpenChange
|
|
1089
1090
|
})), {}, {
|
|
1090
1091
|
open: isOpen,
|
|
@@ -1093,13 +1094,13 @@ var DateOrTime = function DateOrTime(props) {
|
|
|
1093
1094
|
};
|
|
1094
1095
|
var DateOrTimeInput = WithMetadataBlock(DateOrTime);
|
|
1095
1096
|
|
|
1096
|
-
function ownKeys$
|
|
1097
|
-
function _objectSpread$
|
|
1097
|
+
function ownKeys$p(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; }
|
|
1098
|
+
function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1098
1099
|
var MultiOption = function MultiOption(props) {
|
|
1099
1100
|
var _useFormikFields = useFormikFields(props),
|
|
1100
1101
|
handleSubmit = _useFormikFields.handleSubmit,
|
|
1101
1102
|
fieldProps = _useFormikFields.fieldProps;
|
|
1102
|
-
return /*#__PURE__*/jsx(Select, _objectSpread$
|
|
1103
|
+
return /*#__PURE__*/jsx(Select, _objectSpread$p(_objectSpread$p({
|
|
1103
1104
|
isMulti: true,
|
|
1104
1105
|
isSearchable: true,
|
|
1105
1106
|
strategy: "fixed"
|
|
@@ -1111,14 +1112,14 @@ var MultiOption = function MultiOption(props) {
|
|
|
1111
1112
|
};
|
|
1112
1113
|
var MultiOptionInput = WithMetadataBlock(MultiOption);
|
|
1113
1114
|
|
|
1114
|
-
function ownKeys$
|
|
1115
|
-
function _objectSpread$
|
|
1115
|
+
function ownKeys$o(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; }
|
|
1116
|
+
function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1116
1117
|
var Number$1 = function Number(props) {
|
|
1117
1118
|
var _useFormikFields = useFormikFields(props),
|
|
1118
1119
|
handleSubmit = _useFormikFields.handleSubmit,
|
|
1119
1120
|
fieldProps = _useFormikFields.fieldProps,
|
|
1120
1121
|
dirty = _useFormikFields.dirty;
|
|
1121
|
-
return /*#__PURE__*/jsx(Input, _objectSpread$
|
|
1122
|
+
return /*#__PURE__*/jsx(Input, _objectSpread$o(_objectSpread$o({}, fieldProps), {}, {
|
|
1122
1123
|
type: "number",
|
|
1123
1124
|
onBlur: function onBlur() {
|
|
1124
1125
|
return dirty && handleSubmit();
|
|
@@ -1127,14 +1128,14 @@ var Number$1 = function Number(props) {
|
|
|
1127
1128
|
};
|
|
1128
1129
|
var NumberInput = WithMetadataBlock(Number$1);
|
|
1129
1130
|
|
|
1130
|
-
var _excluded$
|
|
1131
|
-
function ownKeys$
|
|
1132
|
-
function _objectSpread$
|
|
1131
|
+
var _excluded$6 = ["onBlur"];
|
|
1132
|
+
function ownKeys$n(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; }
|
|
1133
|
+
function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1133
1134
|
var withOnClickOutsideWrapper = function withOnClickOutsideWrapper(Component) {
|
|
1134
1135
|
var WithOnClickOutsideWrapper = function WithOnClickOutsideWrapper(_ref) {
|
|
1135
1136
|
var _ref$onBlur = _ref.onBlur,
|
|
1136
1137
|
onBlur = _ref$onBlur === void 0 ? noop$1 : _ref$onBlur,
|
|
1137
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
1138
|
+
props = _objectWithoutProperties(_ref, _excluded$6);
|
|
1138
1139
|
var ref = useRef(null);
|
|
1139
1140
|
var isInline = onBlur !== noop$1;
|
|
1140
1141
|
useOnClickOutside(ref, onBlur, {
|
|
@@ -1142,10 +1143,10 @@ var withOnClickOutsideWrapper = function withOnClickOutsideWrapper(Component) {
|
|
|
1142
1143
|
});
|
|
1143
1144
|
return isInline ? /*#__PURE__*/jsx("div", {
|
|
1144
1145
|
ref: ref,
|
|
1145
|
-
children: /*#__PURE__*/jsx(Component, _objectSpread$
|
|
1146
|
+
children: /*#__PURE__*/jsx(Component, _objectSpread$n(_objectSpread$n({}, props), {}, {
|
|
1146
1147
|
type: "range"
|
|
1147
1148
|
}))
|
|
1148
|
-
}) : /*#__PURE__*/jsx(Component, _objectSpread$
|
|
1149
|
+
}) : /*#__PURE__*/jsx(Component, _objectSpread$n(_objectSpread$n({}, props), {}, {
|
|
1149
1150
|
type: "range"
|
|
1150
1151
|
}));
|
|
1151
1152
|
};
|
|
@@ -1169,13 +1170,13 @@ var RangePicker = function RangePicker(props) {
|
|
|
1169
1170
|
}
|
|
1170
1171
|
};
|
|
1171
1172
|
if (props.kind === KINDS.dateRange) {
|
|
1172
|
-
return /*#__PURE__*/jsx(DateRangePicker, _objectSpread$
|
|
1173
|
+
return /*#__PURE__*/jsx(DateRangePicker, _objectSpread$n(_objectSpread$n({}, fieldProps), {}, {
|
|
1173
1174
|
onChange: handleChange
|
|
1174
1175
|
}));
|
|
1175
1176
|
}
|
|
1176
1177
|
|
|
1177
1178
|
//time_range
|
|
1178
|
-
return /*#__PURE__*/jsx(TimeRangePicker, _objectSpread$
|
|
1179
|
+
return /*#__PURE__*/jsx(TimeRangePicker, _objectSpread$n(_objectSpread$n({}, fieldProps), {}, {
|
|
1179
1180
|
use12Hours: true,
|
|
1180
1181
|
format: "h:mm A",
|
|
1181
1182
|
onChange: handleChange
|
|
@@ -1183,13 +1184,13 @@ var RangePicker = function RangePicker(props) {
|
|
|
1183
1184
|
};
|
|
1184
1185
|
var RangePickerInput = WithMetadataBlock(RangePicker);
|
|
1185
1186
|
|
|
1186
|
-
function ownKeys$
|
|
1187
|
-
function _objectSpread$
|
|
1187
|
+
function ownKeys$m(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; }
|
|
1188
|
+
function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1188
1189
|
var SingleOption = function SingleOption(props) {
|
|
1189
1190
|
var _useFormikFields = useFormikFields(props),
|
|
1190
1191
|
handleSubmit = _useFormikFields.handleSubmit,
|
|
1191
1192
|
fieldProps = _useFormikFields.fieldProps;
|
|
1192
|
-
return /*#__PURE__*/jsx(Select$1, _objectSpread$
|
|
1193
|
+
return /*#__PURE__*/jsx(Select$1, _objectSpread$m(_objectSpread$m({
|
|
1193
1194
|
isClearable: true,
|
|
1194
1195
|
isSearchable: true,
|
|
1195
1196
|
strategy: "fixed"
|
|
@@ -1201,8 +1202,8 @@ var SingleOption = function SingleOption(props) {
|
|
|
1201
1202
|
};
|
|
1202
1203
|
var SingleOptionInput = WithMetadataBlock(SingleOption);
|
|
1203
1204
|
|
|
1204
|
-
function ownKeys$
|
|
1205
|
-
function _objectSpread$
|
|
1205
|
+
function ownKeys$l(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; }
|
|
1206
|
+
function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1206
1207
|
var Text = function Text(props) {
|
|
1207
1208
|
var _useFormikFields = useFormikFields(props),
|
|
1208
1209
|
handleSubmit = _useFormikFields.handleSubmit,
|
|
@@ -1217,7 +1218,7 @@ var Text = function Text(props) {
|
|
|
1217
1218
|
var end = element.value.length;
|
|
1218
1219
|
element.setSelectionRange(end, end);
|
|
1219
1220
|
};
|
|
1220
|
-
return /*#__PURE__*/jsx(Textarea, _objectSpread$
|
|
1221
|
+
return /*#__PURE__*/jsx(Textarea, _objectSpread$l(_objectSpread$l({}, fieldProps), {}, {
|
|
1221
1222
|
className: "neeto-fields-nano-adaptive-input",
|
|
1222
1223
|
rows: 1,
|
|
1223
1224
|
size: "small",
|
|
@@ -1236,14 +1237,14 @@ var Text = function Text(props) {
|
|
|
1236
1237
|
};
|
|
1237
1238
|
var TextInput = WithMetadataBlock(Text);
|
|
1238
1239
|
|
|
1239
|
-
function ownKeys$
|
|
1240
|
-
function _objectSpread$
|
|
1240
|
+
function ownKeys$k(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; }
|
|
1241
|
+
function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1241
1242
|
var TextArea = function TextArea(props) {
|
|
1242
1243
|
var _useFormikFields = useFormikFields(props),
|
|
1243
1244
|
handleSubmit = _useFormikFields.handleSubmit,
|
|
1244
1245
|
fieldProps = _useFormikFields.fieldProps,
|
|
1245
1246
|
dirty = _useFormikFields.dirty;
|
|
1246
|
-
return /*#__PURE__*/jsx(Textarea, _objectSpread$
|
|
1247
|
+
return /*#__PURE__*/jsx(Textarea, _objectSpread$k(_objectSpread$k({}, fieldProps), {}, {
|
|
1247
1248
|
onBlur: function onBlur() {
|
|
1248
1249
|
return dirty && handleSubmit();
|
|
1249
1250
|
}
|
|
@@ -1251,8 +1252,8 @@ var TextArea = function TextArea(props) {
|
|
|
1251
1252
|
};
|
|
1252
1253
|
var TextAreaInput = WithMetadataBlock(TextArea);
|
|
1253
1254
|
|
|
1254
|
-
function ownKeys$
|
|
1255
|
-
function _objectSpread$
|
|
1255
|
+
function ownKeys$j(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; }
|
|
1256
|
+
function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1256
1257
|
var standardComponents = {
|
|
1257
1258
|
text: TextInput,
|
|
1258
1259
|
regex: TextInput,
|
|
@@ -1303,7 +1304,7 @@ var transformValues = function transformValues(_ref2) {
|
|
|
1303
1304
|
delete allFieldValues[fieldPath];
|
|
1304
1305
|
});
|
|
1305
1306
|
var cleanedFieldValues = pipe(removeItemsWithNullData, removeNoiseFromValues)(neetoFieldValues);
|
|
1306
|
-
return _objectSpread$
|
|
1307
|
+
return _objectSpread$j(_objectSpread$j({}, allFieldValues), {}, {
|
|
1307
1308
|
fieldValuesAttributes: cleanedFieldValues
|
|
1308
1309
|
});
|
|
1309
1310
|
};
|
|
@@ -1366,8 +1367,8 @@ var neetoFieldsUtils = {
|
|
|
1366
1367
|
transformValues: transformValues
|
|
1367
1368
|
};
|
|
1368
1369
|
|
|
1369
|
-
function ownKeys$
|
|
1370
|
-
function _objectSpread$
|
|
1370
|
+
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; }
|
|
1371
|
+
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; }
|
|
1371
1372
|
var FieldInputs = withT(function (_ref) {
|
|
1372
1373
|
var t = _ref.t,
|
|
1373
1374
|
_ref$customComponents = _ref.customComponents,
|
|
@@ -1382,7 +1383,7 @@ var FieldInputs = withT(function (_ref) {
|
|
|
1382
1383
|
customComponents: customComponents
|
|
1383
1384
|
});
|
|
1384
1385
|
if (Field) {
|
|
1385
|
-
return /*#__PURE__*/jsx(Field, _objectSpread$
|
|
1386
|
+
return /*#__PURE__*/jsx(Field, _objectSpread$i({}, _objectSpread$i(_objectSpread$i({}, field), {}, {
|
|
1386
1387
|
disabled: disabled,
|
|
1387
1388
|
formRef: formRef,
|
|
1388
1389
|
isRequiredColumnName: isRequiredColumnName
|
|
@@ -1395,8 +1396,8 @@ var FieldInputs = withT(function (_ref) {
|
|
|
1395
1396
|
});
|
|
1396
1397
|
});
|
|
1397
1398
|
|
|
1398
|
-
function ownKeys$
|
|
1399
|
-
function _objectSpread$
|
|
1399
|
+
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; }
|
|
1400
|
+
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; }
|
|
1400
1401
|
var fieldUrl = function fieldUrl(fieldId) {
|
|
1401
1402
|
return buildUrl(FIELD_URL, {
|
|
1402
1403
|
fieldId: fieldId
|
|
@@ -1415,7 +1416,7 @@ var fetch$1 = function fetch(_ref) {
|
|
|
1415
1416
|
_ref$pageProps = _ref.pageProps,
|
|
1416
1417
|
pageProps = _ref$pageProps === void 0 ? {} : _ref$pageProps;
|
|
1417
1418
|
return axios.get(FIELDS_URL, {
|
|
1418
|
-
params: _objectSpread$
|
|
1419
|
+
params: _objectSpread$h({
|
|
1419
1420
|
resourceType: resourceType,
|
|
1420
1421
|
ownerId: ownerId,
|
|
1421
1422
|
state: state,
|
|
@@ -1479,16 +1480,16 @@ var QUERY_KEYS = {
|
|
|
1479
1480
|
};
|
|
1480
1481
|
var DEFAULT_STALE_TIME = 3600000; // 1 hour
|
|
1481
1482
|
|
|
1482
|
-
var _excluded$
|
|
1483
|
-
function ownKeys$
|
|
1484
|
-
function _objectSpread$
|
|
1483
|
+
var _excluded$5 = ["prefixQueryKeys"];
|
|
1484
|
+
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; }
|
|
1485
|
+
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; }
|
|
1485
1486
|
var FIELDS = QUERY_KEYS.FIELDS,
|
|
1486
1487
|
DEPENDENCIES = QUERY_KEYS.DEPENDENCIES;
|
|
1487
1488
|
var useFetchFields = function useFetchFields(_ref, options) {
|
|
1488
1489
|
var _ref$prefixQueryKeys = _ref.prefixQueryKeys,
|
|
1489
1490
|
prefixQueryKeys = _ref$prefixQueryKeys === void 0 ? [] : _ref$prefixQueryKeys,
|
|
1490
|
-
params = _objectWithoutProperties(_ref, _excluded$
|
|
1491
|
-
return useQuery(_objectSpread$
|
|
1491
|
+
params = _objectWithoutProperties(_ref, _excluded$5);
|
|
1492
|
+
return useQuery(_objectSpread$g({
|
|
1492
1493
|
queryKey: [FIELDS].concat(_toConsumableArray(prefixQueryKeys), [params]),
|
|
1493
1494
|
queryFn: function queryFn() {
|
|
1494
1495
|
return fieldsApi.fetch(params);
|
|
@@ -1497,14 +1498,14 @@ var useFetchFields = function useFetchFields(_ref, options) {
|
|
|
1497
1498
|
}, options));
|
|
1498
1499
|
};
|
|
1499
1500
|
var useCreateField = function useCreateField(options) {
|
|
1500
|
-
return useMutationWithInvalidation(fieldsApi.create, _objectSpread$
|
|
1501
|
+
return useMutationWithInvalidation(fieldsApi.create, _objectSpread$g({
|
|
1501
1502
|
keysToInvalidate: [[FIELDS]]
|
|
1502
1503
|
}, options));
|
|
1503
1504
|
};
|
|
1504
1505
|
var useShowField = function useShowField(_ref2, options) {
|
|
1505
1506
|
var fieldId = _ref2.fieldId,
|
|
1506
1507
|
ownerId = _ref2.ownerId;
|
|
1507
|
-
return useQuery(_objectSpread$
|
|
1508
|
+
return useQuery(_objectSpread$g({
|
|
1508
1509
|
queryKey: [FIELDS, fieldId],
|
|
1509
1510
|
queryFn: function queryFn() {
|
|
1510
1511
|
return fieldsApi.show({
|
|
@@ -1517,7 +1518,7 @@ var useShowField = function useShowField(_ref2, options) {
|
|
|
1517
1518
|
var useFetchDependencies = function useFetchDependencies(_ref3, options) {
|
|
1518
1519
|
var fieldId = _ref3.fieldId,
|
|
1519
1520
|
ownerId = _ref3.ownerId;
|
|
1520
|
-
return useQuery(_objectSpread$
|
|
1521
|
+
return useQuery(_objectSpread$g({
|
|
1521
1522
|
queryKey: [DEPENDENCIES, fieldId],
|
|
1522
1523
|
queryFn: function queryFn() {
|
|
1523
1524
|
return fieldsApi.dependencies({
|
|
@@ -1528,12 +1529,12 @@ var useFetchDependencies = function useFetchDependencies(_ref3, options) {
|
|
|
1528
1529
|
}, options));
|
|
1529
1530
|
};
|
|
1530
1531
|
var useUpdateField = function useUpdateField(options) {
|
|
1531
|
-
return useMutationWithInvalidation(fieldsApi.update, _objectSpread$
|
|
1532
|
+
return useMutationWithInvalidation(fieldsApi.update, _objectSpread$g({
|
|
1532
1533
|
keysToInvalidate: [[FIELDS]]
|
|
1533
1534
|
}, options));
|
|
1534
1535
|
};
|
|
1535
1536
|
var useDestroyField = function useDestroyField(options) {
|
|
1536
|
-
return useMutationWithInvalidation(fieldsApi.destroy, _objectSpread$
|
|
1537
|
+
return useMutationWithInvalidation(fieldsApi.destroy, _objectSpread$g({
|
|
1537
1538
|
keysToInvalidate: [[FIELDS]]
|
|
1538
1539
|
}, options));
|
|
1539
1540
|
};
|
|
@@ -1543,11 +1544,11 @@ var useReorderFields = function useReorderFields() {
|
|
|
1543
1544
|
});
|
|
1544
1545
|
};
|
|
1545
1546
|
|
|
1546
|
-
function ownKeys$
|
|
1547
|
-
function _objectSpread$
|
|
1547
|
+
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; }
|
|
1548
|
+
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; }
|
|
1548
1549
|
var arrangeOptionsDisplayOrder = function arrangeOptionsDisplayOrder(options) {
|
|
1549
1550
|
return options.map(function (option, index) {
|
|
1550
|
-
return _objectSpread$
|
|
1551
|
+
return _objectSpread$f(_objectSpread$f({}, option), {}, {
|
|
1551
1552
|
displayOrder: index
|
|
1552
1553
|
});
|
|
1553
1554
|
});
|
|
@@ -1562,7 +1563,7 @@ var buildPayload = function buildPayload(_ref) {
|
|
|
1562
1563
|
var name = formValues.name.trim();
|
|
1563
1564
|
return {
|
|
1564
1565
|
ownerId: isEmpty(ownerId) ? undefined : ownerId,
|
|
1565
|
-
field: _objectSpread$
|
|
1566
|
+
field: _objectSpread$f(_objectSpread$f({}, omit(["createdAt", "id", "ownerId", "ownerType", "updatedAt"], formValues)), {}, {
|
|
1566
1567
|
kind: kind,
|
|
1567
1568
|
name: name,
|
|
1568
1569
|
resourceType: isEmpty(resourceType) ? undefined : resourceType,
|
|
@@ -1588,7 +1589,7 @@ var getPermittedKinds = function getPermittedKinds(_ref2) {
|
|
|
1588
1589
|
}, values(filteredKinds));
|
|
1589
1590
|
};
|
|
1590
1591
|
var generateValidationSchema = function generateValidationSchema(additionalValidations) {
|
|
1591
|
-
return yup.object().shape(_objectSpread$
|
|
1592
|
+
return yup.object().shape(_objectSpread$f(_objectSpread$f({}, BASIC_FIELD_FORM_VALIDATIONS), additionalValidations));
|
|
1592
1593
|
};
|
|
1593
1594
|
var renderFormFooter = function renderFormFooter(_ref3) {
|
|
1594
1595
|
var onClose = _ref3.onClose,
|
|
@@ -1910,9 +1911,9 @@ var FieldForm = function FieldForm(_ref) {
|
|
|
1910
1911
|
});
|
|
1911
1912
|
};
|
|
1912
1913
|
|
|
1913
|
-
var _excluded$
|
|
1914
|
-
function ownKeys$
|
|
1915
|
-
function _objectSpread$
|
|
1914
|
+
var _excluded$4 = ["resourceType", "allowedKinds", "ownerId", "additionalValidations", "initialValues", "onClose", "onMutationSuccess"];
|
|
1915
|
+
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; }
|
|
1916
|
+
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; }
|
|
1916
1917
|
var Add = function Add(_ref) {
|
|
1917
1918
|
var resourceType = _ref.resourceType,
|
|
1918
1919
|
_ref$allowedKinds = _ref.allowedKinds,
|
|
@@ -1922,7 +1923,7 @@ var Add = function Add(_ref) {
|
|
|
1922
1923
|
initialValues = _ref.initialValues,
|
|
1923
1924
|
onClose = _ref.onClose,
|
|
1924
1925
|
onMutationSuccess = _ref.onMutationSuccess,
|
|
1925
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
1926
|
+
props = _objectWithoutProperties(_ref, _excluded$4);
|
|
1926
1927
|
var _useTranslation = useTranslation(),
|
|
1927
1928
|
t = _useTranslation.t;
|
|
1928
1929
|
var _useCreateField = useCreateField({
|
|
@@ -1950,14 +1951,14 @@ var Add = function Add(_ref) {
|
|
|
1950
1951
|
})
|
|
1951
1952
|
}), /*#__PURE__*/jsx(Form, {
|
|
1952
1953
|
formikProps: {
|
|
1953
|
-
initialValues: _objectSpread$
|
|
1954
|
+
initialValues: _objectSpread$e(_objectSpread$e({}, initialValues), INITIAL_FIELDS),
|
|
1954
1955
|
validationSchema: generateValidationSchema(additionalValidations),
|
|
1955
1956
|
onSubmit: handleSubmit
|
|
1956
1957
|
},
|
|
1957
1958
|
children: function children(_ref2) {
|
|
1958
1959
|
var kind = _ref2.values.kind;
|
|
1959
1960
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
1960
|
-
children: [/*#__PURE__*/jsx(FieldForm, _objectSpread$
|
|
1961
|
+
children: [/*#__PURE__*/jsx(FieldForm, _objectSpread$e({
|
|
1961
1962
|
chosenKind: kind.value,
|
|
1962
1963
|
kindSelectOptions: filteredKinds
|
|
1963
1964
|
}, props)), renderFormFooter({
|
|
@@ -1970,9 +1971,9 @@ var Add = function Add(_ref) {
|
|
|
1970
1971
|
});
|
|
1971
1972
|
};
|
|
1972
1973
|
|
|
1973
|
-
var _excluded$
|
|
1974
|
-
function ownKeys$
|
|
1975
|
-
function _objectSpread$
|
|
1974
|
+
var _excluded$3 = ["fieldId", "allowedKinds", "ownerId", "additionalValidations", "initialValues", "onClose", "onMutationSuccess"];
|
|
1975
|
+
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; }
|
|
1976
|
+
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; }
|
|
1976
1977
|
var Edit = function Edit(_ref) {
|
|
1977
1978
|
var fieldId = _ref.fieldId,
|
|
1978
1979
|
_ref$allowedKinds = _ref.allowedKinds,
|
|
@@ -1984,7 +1985,7 @@ var Edit = function Edit(_ref) {
|
|
|
1984
1985
|
initialValues = _ref$initialValues === void 0 ? {} : _ref$initialValues,
|
|
1985
1986
|
onClose = _ref.onClose,
|
|
1986
1987
|
onMutationSuccess = _ref.onMutationSuccess,
|
|
1987
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
1988
|
+
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
1988
1989
|
var _useTranslation = useTranslation(),
|
|
1989
1990
|
t = _useTranslation.t;
|
|
1990
1991
|
var _useShowField = useShowField({
|
|
@@ -2026,7 +2027,7 @@ var Edit = function Edit(_ref) {
|
|
|
2026
2027
|
})
|
|
2027
2028
|
}), isLoading ? /*#__PURE__*/jsx(PageLoader, {}) : /*#__PURE__*/jsx(Form, {
|
|
2028
2029
|
formikProps: {
|
|
2029
|
-
initialValues: _objectSpread$
|
|
2030
|
+
initialValues: _objectSpread$d(_objectSpread$d({}, initialValues), assoc("kind", FIELD_KINDS[field.kind], field)),
|
|
2030
2031
|
validationSchema: generateValidationSchema(additionalValidations),
|
|
2031
2032
|
enableReinitialize: true,
|
|
2032
2033
|
onSubmit: handleSubmit
|
|
@@ -2038,7 +2039,7 @@ var Edit = function Edit(_ref) {
|
|
|
2038
2039
|
selectedKind: kind
|
|
2039
2040
|
});
|
|
2040
2041
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
2041
|
-
children: [/*#__PURE__*/jsx(FieldForm, _objectSpread$
|
|
2042
|
+
children: [/*#__PURE__*/jsx(FieldForm, _objectSpread$d({
|
|
2042
2043
|
chosenKind: kind === null || kind === void 0 ? void 0 : kind.value,
|
|
2043
2044
|
isSystem: field.isSystem,
|
|
2044
2045
|
kindSelectOptions: permittedKinds
|
|
@@ -2052,24 +2053,24 @@ var Edit = function Edit(_ref) {
|
|
|
2052
2053
|
});
|
|
2053
2054
|
};
|
|
2054
2055
|
|
|
2055
|
-
var _excluded$
|
|
2056
|
-
function ownKeys$
|
|
2057
|
-
function _objectSpread$
|
|
2056
|
+
var _excluded$2 = ["isOpen", "selectedField"];
|
|
2057
|
+
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; }
|
|
2058
|
+
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; }
|
|
2058
2059
|
var FieldsPane = function FieldsPane(_ref) {
|
|
2059
2060
|
var isOpen = _ref.isOpen,
|
|
2060
2061
|
_ref$selectedField = _ref.selectedField,
|
|
2061
2062
|
selectedField = _ref$selectedField === void 0 ? {} : _ref$selectedField,
|
|
2062
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
2063
|
+
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
2063
2064
|
var initialFocusField = useRef(null);
|
|
2064
2065
|
return /*#__PURE__*/jsx(Pane, {
|
|
2065
2066
|
isOpen: isOpen,
|
|
2066
2067
|
initialFocusRef: initialFocusField,
|
|
2067
2068
|
onClose: props.onClose,
|
|
2068
|
-
children: isEmpty(selectedField) ? /*#__PURE__*/jsx(Add, _objectSpread$
|
|
2069
|
+
children: isEmpty(selectedField) ? /*#__PURE__*/jsx(Add, _objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, props), {}, {
|
|
2069
2070
|
initialFocusField: initialFocusField
|
|
2070
|
-
}))) : /*#__PURE__*/jsx(Edit, _objectSpread$
|
|
2071
|
+
}))) : /*#__PURE__*/jsx(Edit, _objectSpread$c({
|
|
2071
2072
|
fieldId: selectedField === null || selectedField === void 0 ? void 0 : selectedField.id
|
|
2072
|
-
}, _objectSpread$
|
|
2073
|
+
}, _objectSpread$c(_objectSpread$c({}, props), {}, {
|
|
2073
2074
|
initialFocusField: initialFocusField
|
|
2074
2075
|
})))
|
|
2075
2076
|
});
|
|
@@ -2793,18 +2794,18 @@ var configsApi = {
|
|
|
2793
2794
|
fetchConfigs: fetchConfigs
|
|
2794
2795
|
};
|
|
2795
2796
|
|
|
2796
|
-
function ownKeys$
|
|
2797
|
-
function _objectSpread$
|
|
2797
|
+
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; }
|
|
2798
|
+
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; }
|
|
2798
2799
|
var useFetchConfigs = function useFetchConfigs(options) {
|
|
2799
|
-
return useQuery(_objectSpread$
|
|
2800
|
+
return useQuery(_objectSpread$b({
|
|
2800
2801
|
queryKey: [QUERY_KEYS.CONFIGS],
|
|
2801
2802
|
queryFn: configsApi.fetchConfigs,
|
|
2802
2803
|
staleTime: DEFAULT_STALE_TIME
|
|
2803
2804
|
}, options));
|
|
2804
2805
|
};
|
|
2805
2806
|
|
|
2806
|
-
function ownKeys$
|
|
2807
|
-
function _objectSpread$
|
|
2807
|
+
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; }
|
|
2808
|
+
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; }
|
|
2808
2809
|
var useFieldsDashboard = function useFieldsDashboard(_ref) {
|
|
2809
2810
|
var buildColumnData = _ref.buildColumnData,
|
|
2810
2811
|
isOwnerBased = _ref.isOwnerBased,
|
|
@@ -2927,7 +2928,7 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
|
|
|
2927
2928
|
defaultColumns: defaultColumns
|
|
2928
2929
|
});
|
|
2929
2930
|
var handleBlockClick = function handleBlockClick(params) {
|
|
2930
|
-
return handleMetaClick(history, buildUrl("", _objectSpread$
|
|
2931
|
+
return handleMetaClick(history, buildUrl("", _objectSpread$a({
|
|
2931
2932
|
resource: resource,
|
|
2932
2933
|
state: state
|
|
2933
2934
|
}, params)));
|
|
@@ -3070,8 +3071,8 @@ var DeleteAlert = function DeleteAlert(_ref) {
|
|
|
3070
3071
|
});
|
|
3071
3072
|
};
|
|
3072
3073
|
|
|
3073
|
-
function ownKeys$
|
|
3074
|
-
function _objectSpread$
|
|
3074
|
+
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; }
|
|
3075
|
+
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; }
|
|
3075
3076
|
var FieldsTable = function FieldsTable(_ref) {
|
|
3076
3077
|
var totalCount = _ref.totalCount,
|
|
3077
3078
|
isFetched = _ref.isFetched,
|
|
@@ -3110,7 +3111,7 @@ var FieldsTable = function FieldsTable(_ref) {
|
|
|
3110
3111
|
return /*#__PURE__*/jsx(TableWrapper, {
|
|
3111
3112
|
children: showNoDataScreen ? /*#__PURE__*/jsx("div", {
|
|
3112
3113
|
className: "flex h-full w-full items-center justify-center",
|
|
3113
|
-
children: /*#__PURE__*/jsx(NoData, _objectSpread$
|
|
3114
|
+
children: /*#__PURE__*/jsx(NoData, _objectSpread$9({
|
|
3114
3115
|
title: showStateFilter ? t("neetoFields.messages.noFieldsWithState", {
|
|
3115
3116
|
title: title,
|
|
3116
3117
|
state: state
|
|
@@ -3127,7 +3128,7 @@ var FieldsTable = function FieldsTable(_ref) {
|
|
|
3127
3128
|
currentPageNumber: page,
|
|
3128
3129
|
defaultPageSize: pageSize,
|
|
3129
3130
|
handlePageChange: function handlePageChange(page) {
|
|
3130
|
-
return setPageProps(_objectSpread$
|
|
3131
|
+
return setPageProps(_objectSpread$9(_objectSpread$9({}, pageProps), {}, {
|
|
3131
3132
|
page: page
|
|
3132
3133
|
}));
|
|
3133
3134
|
},
|
|
@@ -3162,9 +3163,9 @@ var ActionBlock = function ActionBlock(_ref) {
|
|
|
3162
3163
|
});
|
|
3163
3164
|
};
|
|
3164
3165
|
|
|
3165
|
-
var _excluded = ["searchInputProps", "breadcrumbs", "title", "helpDocUrl", "helpDescription", "size"];
|
|
3166
|
-
function ownKeys$
|
|
3167
|
-
function _objectSpread$
|
|
3166
|
+
var _excluded$1 = ["searchInputProps", "breadcrumbs", "title", "helpDocUrl", "helpDescription", "size"];
|
|
3167
|
+
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; }
|
|
3168
|
+
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; }
|
|
3168
3169
|
var Header = withT(function (_ref) {
|
|
3169
3170
|
var searchInputProps = _ref.searchInputProps,
|
|
3170
3171
|
breadcrumbs = _ref.breadcrumbs,
|
|
@@ -3172,14 +3173,14 @@ var Header = withT(function (_ref) {
|
|
|
3172
3173
|
helpDocUrl = _ref.helpDocUrl,
|
|
3173
3174
|
helpDescription = _ref.helpDescription,
|
|
3174
3175
|
size = _ref.size,
|
|
3175
|
-
actionBlockProps = _objectWithoutProperties(_ref, _excluded);
|
|
3176
|
+
actionBlockProps = _objectWithoutProperties(_ref, _excluded$1);
|
|
3176
3177
|
return /*#__PURE__*/jsx(NeetoUIHeader, {
|
|
3177
3178
|
breadcrumbs: breadcrumbs,
|
|
3178
3179
|
size: size,
|
|
3179
|
-
actionBlock: /*#__PURE__*/jsx(ActionBlock, _objectSpread$
|
|
3180
|
+
actionBlock: /*#__PURE__*/jsx(ActionBlock, _objectSpread$8({}, actionBlockProps)),
|
|
3180
3181
|
searchProps: searchInputProps,
|
|
3181
3182
|
title: /*#__PURE__*/jsxs("span", {
|
|
3182
|
-
children: [title, (helpDocUrl || helpDescription) && /*#__PURE__*/jsx(HelpPopover, _objectSpread$
|
|
3183
|
+
children: [title, (helpDocUrl || helpDescription) && /*#__PURE__*/jsx(HelpPopover, _objectSpread$8(_objectSpread$8(_objectSpread$8({
|
|
3183
3184
|
className: "ml-2 self-center"
|
|
3184
3185
|
}, helpDocUrl && {
|
|
3185
3186
|
title: title
|
|
@@ -7438,15 +7439,31 @@ function normalizeLocalDisabled(localDisabled, globalDisabled) {
|
|
|
7438
7439
|
|
|
7439
7440
|
[KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];
|
|
7440
7441
|
|
|
7442
|
+
var _excluded = ["size"];
|
|
7443
|
+
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; }
|
|
7444
|
+
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; }
|
|
7445
|
+
var DragIcon = function DragIcon(_ref) {
|
|
7446
|
+
var _ref$size = _ref.size,
|
|
7447
|
+
size = _ref$size === void 0 ? 16 : _ref$size,
|
|
7448
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
7449
|
+
return /*#__PURE__*/jsx("svg", _objectSpread$7(_objectSpread$7({
|
|
7450
|
+
fill: "currentColor",
|
|
7451
|
+
height: size,
|
|
7452
|
+
viewBox: "0 -960 960 960",
|
|
7453
|
+
width: size,
|
|
7454
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
7455
|
+
}, otherProps), {}, {
|
|
7456
|
+
children: /*#__PURE__*/jsx("path", {
|
|
7457
|
+
d: "M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160zM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400zM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640z"
|
|
7458
|
+
})
|
|
7459
|
+
}));
|
|
7460
|
+
};
|
|
7461
|
+
|
|
7441
7462
|
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; }
|
|
7442
7463
|
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; }
|
|
7443
7464
|
var FieldBlock = function FieldBlock(_ref) {
|
|
7444
7465
|
var field = _ref.field,
|
|
7445
|
-
index = _ref.index
|
|
7446
|
-
fields = _ref.fields;
|
|
7447
|
-
var systemFieldsCount = countBy({
|
|
7448
|
-
isSystem: true
|
|
7449
|
-
}, fields);
|
|
7466
|
+
index = _ref.index;
|
|
7450
7467
|
var _useSortable = useSortable({
|
|
7451
7468
|
id: field.id,
|
|
7452
7469
|
data: {
|
|
@@ -7456,7 +7473,8 @@ var FieldBlock = function FieldBlock(_ref) {
|
|
|
7456
7473
|
attributes = _useSortable.attributes,
|
|
7457
7474
|
listeners = _useSortable.listeners,
|
|
7458
7475
|
setNodeRef = _useSortable.setNodeRef,
|
|
7459
|
-
transform = _useSortable.transform
|
|
7476
|
+
transform = _useSortable.transform,
|
|
7477
|
+
isDragging = _useSortable.isDragging;
|
|
7460
7478
|
var style = {
|
|
7461
7479
|
transform: CSS.Transform.toString(transform)
|
|
7462
7480
|
};
|
|
@@ -7465,17 +7483,19 @@ var FieldBlock = function FieldBlock(_ref) {
|
|
|
7465
7483
|
}, _objectSpread$6(_objectSpread$6({
|
|
7466
7484
|
style: style
|
|
7467
7485
|
}, attributes), listeners)), {}, {
|
|
7468
|
-
className: "neeto-ui-text-gray-800 mb-3 flex w-full items-center
|
|
7486
|
+
className: "neeto-ui-text-gray-800 group mb-3 flex w-full items-center gap-x-0.5 font-medium",
|
|
7469
7487
|
"data-cy": "reorder-field-block",
|
|
7470
7488
|
children: [/*#__PURE__*/jsx("div", {
|
|
7471
|
-
className: "
|
|
7472
|
-
|
|
7473
|
-
|
|
7474
|
-
|
|
7475
|
-
|
|
7489
|
+
className: classnames("cursor-grab", {
|
|
7490
|
+
"cursor-grabbing": isDragging
|
|
7491
|
+
}),
|
|
7492
|
+
children: /*#__PURE__*/jsx(DragIcon, {})
|
|
7493
|
+
}), /*#__PURE__*/jsx("div", {
|
|
7494
|
+
className: "neeto-ui-border-gray-400 neeto-ui-bg-white neeto-ui-rounded neeto-ui-shadow-xs flex flex-grow items-center border border-solid p-3 transition-all duration-300 ease-in-out group-hover:bg-gray-200",
|
|
7495
|
+
children: /*#__PURE__*/jsx("div", {
|
|
7476
7496
|
"data-cy": "reorder-field-block-name",
|
|
7477
7497
|
children: field.name
|
|
7478
|
-
})
|
|
7498
|
+
})
|
|
7479
7499
|
})]
|
|
7480
7500
|
}));
|
|
7481
7501
|
};
|
|
@@ -7567,7 +7587,6 @@ var ReorderPane = function ReorderPane(_ref) {
|
|
|
7567
7587
|
if (field.isSystem) return null;
|
|
7568
7588
|
return /*#__PURE__*/createElement(FieldBlock$1, {
|
|
7569
7589
|
field: field,
|
|
7570
|
-
fields: fields,
|
|
7571
7590
|
index: index,
|
|
7572
7591
|
key: index
|
|
7573
7592
|
});
|