@bigbinary/neeto-fields-frontend 1.1.11 → 1.1.13
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 +218 -172
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +219 -173
- package/dist/index.js.map +1 -1
- package/package.json +10 -10
package/dist/index.cjs.js
CHANGED
|
@@ -11,17 +11,18 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
|
|
|
11
11
|
var yup = require('yup');
|
|
12
12
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
13
13
|
var formik$1 = require('@bigbinary/neetoui/formik');
|
|
14
|
+
var constants = require('@bigbinary/neeto-commons-frontend/constants');
|
|
14
15
|
var Container = require('@bigbinary/neeto-molecules/Container');
|
|
15
|
-
var Header = require('@bigbinary/neeto-molecules/Header');
|
|
16
|
-
var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
|
|
17
16
|
var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
|
|
18
|
-
var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
|
|
19
17
|
var reactQuery = require('react-query');
|
|
20
18
|
var axios = require('axios');
|
|
21
19
|
var utils = require('@bigbinary/neeto-commons-frontend/utils');
|
|
22
20
|
var reactRouterDom = require('react-router-dom');
|
|
21
|
+
var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
|
|
23
22
|
var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
|
|
23
|
+
var NeetoUIHeader = require('@bigbinary/neeto-molecules/Header');
|
|
24
24
|
var reactDom = require('react-dom');
|
|
25
|
+
var NeetoUISubHeader = require('@bigbinary/neeto-molecules/SubHeader');
|
|
25
26
|
var classnames = require('classnames');
|
|
26
27
|
|
|
27
28
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -47,12 +48,12 @@ function _interopNamespace(e) {
|
|
|
47
48
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
48
49
|
var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
|
|
49
50
|
var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
|
|
50
|
-
var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
|
|
51
|
-
var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
|
|
52
51
|
var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
|
|
53
|
-
var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
|
|
54
52
|
var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
|
|
53
|
+
var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
|
|
55
54
|
var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
|
|
55
|
+
var NeetoUIHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIHeader);
|
|
56
|
+
var NeetoUISubHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUISubHeader);
|
|
56
57
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
57
58
|
|
|
58
59
|
/*! @license DOMPurify 3.0.2 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.2/LICENSE */
|
|
@@ -3749,8 +3750,8 @@ function transformOptions(options) {
|
|
|
3749
3750
|
return options;
|
|
3750
3751
|
}
|
|
3751
3752
|
|
|
3752
|
-
function ownKeys$
|
|
3753
|
-
function _objectSpread$
|
|
3753
|
+
function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3754
|
+
function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
3754
3755
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
3755
3756
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
3756
3757
|
function noop$1() {}
|
|
@@ -3810,9 +3811,9 @@ var I18n = function (_EventEmitter) {
|
|
|
3810
3811
|
}
|
|
3811
3812
|
}
|
|
3812
3813
|
var defOpts = get();
|
|
3813
|
-
this.options = _objectSpread$
|
|
3814
|
+
this.options = _objectSpread$e(_objectSpread$e(_objectSpread$e({}, defOpts), this.options), transformOptions(options));
|
|
3814
3815
|
if (this.options.compatibilityAPI !== 'v1') {
|
|
3815
|
-
this.options.interpolation = _objectSpread$
|
|
3816
|
+
this.options.interpolation = _objectSpread$e(_objectSpread$e({}, defOpts.interpolation), this.options.interpolation);
|
|
3816
3817
|
}
|
|
3817
3818
|
if (options.keySeparator !== undefined) {
|
|
3818
3819
|
this.options.userDefinedKeySeparator = options.keySeparator;
|
|
@@ -4090,7 +4091,7 @@ var I18n = function (_EventEmitter) {
|
|
|
4090
4091
|
}
|
|
4091
4092
|
options = _this5.options.overloadTranslationOptionHandler([key, opts].concat(rest));
|
|
4092
4093
|
} else {
|
|
4093
|
-
options = _objectSpread$
|
|
4094
|
+
options = _objectSpread$e({}, opts);
|
|
4094
4095
|
}
|
|
4095
4096
|
options.lng = options.lng || fixedT.lng;
|
|
4096
4097
|
options.lngs = options.lngs || fixedT.lngs;
|
|
@@ -4217,7 +4218,7 @@ var I18n = function (_EventEmitter) {
|
|
|
4217
4218
|
var _this8 = this;
|
|
4218
4219
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
4219
4220
|
var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
|
|
4220
|
-
var mergedOptions = _objectSpread$
|
|
4221
|
+
var mergedOptions = _objectSpread$e(_objectSpread$e(_objectSpread$e({}, this.options), options), {
|
|
4221
4222
|
isClone: true
|
|
4222
4223
|
});
|
|
4223
4224
|
var clone = new I18n(mergedOptions);
|
|
@@ -4228,7 +4229,7 @@ var I18n = function (_EventEmitter) {
|
|
|
4228
4229
|
membersToCopy.forEach(function (m) {
|
|
4229
4230
|
clone[m] = _this8[m];
|
|
4230
4231
|
});
|
|
4231
|
-
clone.services = _objectSpread$
|
|
4232
|
+
clone.services = _objectSpread$e({}, this.services);
|
|
4232
4233
|
clone.services.utils = {
|
|
4233
4234
|
hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
|
|
4234
4235
|
};
|
|
@@ -4737,9 +4738,9 @@ function cape(m) {
|
|
|
4737
4738
|
return unes[m];
|
|
4738
4739
|
}
|
|
4739
4740
|
|
|
4740
|
-
function ownKeys$
|
|
4741
|
+
function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
4741
4742
|
|
|
4742
|
-
function _objectSpread$
|
|
4743
|
+
function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
4743
4744
|
var defaultOptions$1 = {
|
|
4744
4745
|
bindI18n: 'languageChanged',
|
|
4745
4746
|
bindI18nStore: '',
|
|
@@ -4753,7 +4754,7 @@ var i18nInstance;
|
|
|
4753
4754
|
var I18nContext = React__default["default"].createContext();
|
|
4754
4755
|
function setDefaults() {
|
|
4755
4756
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
4756
|
-
defaultOptions$1 = _objectSpread$
|
|
4757
|
+
defaultOptions$1 = _objectSpread$d(_objectSpread$d({}, defaultOptions$1), options);
|
|
4757
4758
|
}
|
|
4758
4759
|
function getDefaults() {
|
|
4759
4760
|
return defaultOptions$1;
|
|
@@ -4877,12 +4878,12 @@ function hasLoadedNamespace(ns, i18n) {
|
|
|
4877
4878
|
});
|
|
4878
4879
|
}
|
|
4879
4880
|
|
|
4880
|
-
var _excluded$
|
|
4881
|
+
var _excluded$5 = ["format"],
|
|
4881
4882
|
_excluded2 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
|
|
4882
4883
|
|
|
4883
|
-
function ownKeys$
|
|
4884
|
+
function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
4884
4885
|
|
|
4885
|
-
function _objectSpread$
|
|
4886
|
+
function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
4886
4887
|
|
|
4887
4888
|
function hasChildren(node, checkLength) {
|
|
4888
4889
|
if (!node) return false;
|
|
@@ -4908,7 +4909,7 @@ function getAsArray(data) {
|
|
|
4908
4909
|
}
|
|
4909
4910
|
|
|
4910
4911
|
function mergeProps(source, target) {
|
|
4911
|
-
var newTarget = _objectSpread$
|
|
4912
|
+
var newTarget = _objectSpread$c({}, target);
|
|
4912
4913
|
|
|
4913
4914
|
newTarget.props = Object.assign(source.props, target.props);
|
|
4914
4915
|
return newTarget;
|
|
@@ -4943,7 +4944,7 @@ function nodesToString(children, i18nOptions) {
|
|
|
4943
4944
|
warn("Trans: the passed in value is invalid - seems you passed in a null child.");
|
|
4944
4945
|
} else if (_typeof$1(child) === 'object') {
|
|
4945
4946
|
var format = child.format,
|
|
4946
|
-
clone = _objectWithoutProperties(child, _excluded$
|
|
4947
|
+
clone = _objectWithoutProperties(child, _excluded$5);
|
|
4947
4948
|
|
|
4948
4949
|
var keys = Object.keys(clone);
|
|
4949
4950
|
|
|
@@ -4978,7 +4979,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
|
|
|
4978
4979
|
getData(children);
|
|
4979
4980
|
var ast = c.parse("<0>".concat(targetString, "</0>"));
|
|
4980
4981
|
|
|
4981
|
-
var opts = _objectSpread$
|
|
4982
|
+
var opts = _objectSpread$c(_objectSpread$c({}, data), combinedTOpts);
|
|
4982
4983
|
|
|
4983
4984
|
function renderInner(child, node, rootReactNode) {
|
|
4984
4985
|
var childs = getChildren(child);
|
|
@@ -4988,7 +4989,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
|
|
|
4988
4989
|
|
|
4989
4990
|
function pushTranslatedJSX(child, inner, mem, i, isVoid) {
|
|
4990
4991
|
if (child.dummy) child.children = inner;
|
|
4991
|
-
mem.push(React__default["default"].cloneElement(child, _objectSpread$
|
|
4992
|
+
mem.push(React__default["default"].cloneElement(child, _objectSpread$c(_objectSpread$c({}, child.props), {}, {
|
|
4992
4993
|
key: i
|
|
4993
4994
|
}), isVoid ? undefined : inner));
|
|
4994
4995
|
}
|
|
@@ -5020,7 +5021,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
|
|
|
5020
5021
|
} else if (isEmptyTransWithHTML) {
|
|
5021
5022
|
var _inner = mapAST(reactNodes, node.children, rootReactNode);
|
|
5022
5023
|
|
|
5023
|
-
mem.push(React__default["default"].cloneElement(child, _objectSpread$
|
|
5024
|
+
mem.push(React__default["default"].cloneElement(child, _objectSpread$c(_objectSpread$c({}, child.props), {}, {
|
|
5024
5025
|
key: i
|
|
5025
5026
|
}), _inner));
|
|
5026
5027
|
} else if (Number.isNaN(parseFloat(node.name))) {
|
|
@@ -5051,11 +5052,11 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
|
|
|
5051
5052
|
var content = node.children[0] ? translationContent : null;
|
|
5052
5053
|
if (content) mem.push(content);
|
|
5053
5054
|
} else if (node.children.length === 1 && translationContent) {
|
|
5054
|
-
mem.push(React__default["default"].cloneElement(child, _objectSpread$
|
|
5055
|
+
mem.push(React__default["default"].cloneElement(child, _objectSpread$c(_objectSpread$c({}, child.props), {}, {
|
|
5055
5056
|
key: i
|
|
5056
5057
|
}), translationContent));
|
|
5057
5058
|
} else {
|
|
5058
|
-
mem.push(React__default["default"].cloneElement(child, _objectSpread$
|
|
5059
|
+
mem.push(React__default["default"].cloneElement(child, _objectSpread$c(_objectSpread$c({}, child.props), {}, {
|
|
5059
5060
|
key: i
|
|
5060
5061
|
})));
|
|
5061
5062
|
}
|
|
@@ -5118,7 +5119,7 @@ function Trans(_ref) {
|
|
|
5118
5119
|
|
|
5119
5120
|
if (context) tOptions.context = context;
|
|
5120
5121
|
|
|
5121
|
-
var reactI18nextOptions = _objectSpread$
|
|
5122
|
+
var reactI18nextOptions = _objectSpread$c(_objectSpread$c({}, getDefaults()), i18n.options && i18n.options.react);
|
|
5122
5123
|
|
|
5123
5124
|
var namespaces = ns || t.ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
|
|
5124
5125
|
namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
|
|
@@ -5126,13 +5127,13 @@ function Trans(_ref) {
|
|
|
5126
5127
|
var hashTransKey = reactI18nextOptions.hashTransKey;
|
|
5127
5128
|
var key = i18nKey || (hashTransKey ? hashTransKey(defaultValue) : defaultValue);
|
|
5128
5129
|
var interpolationOverride = values ? tOptions.interpolation : {
|
|
5129
|
-
interpolation: _objectSpread$
|
|
5130
|
+
interpolation: _objectSpread$c(_objectSpread$c({}, tOptions.interpolation), {}, {
|
|
5130
5131
|
prefix: '#$?',
|
|
5131
5132
|
suffix: '?$#'
|
|
5132
5133
|
})
|
|
5133
5134
|
};
|
|
5134
5135
|
|
|
5135
|
-
var combinedTOpts = _objectSpread$
|
|
5136
|
+
var combinedTOpts = _objectSpread$c(_objectSpread$c(_objectSpread$c(_objectSpread$c({}, tOptions), {}, {
|
|
5136
5137
|
count: count
|
|
5137
5138
|
}, values), interpolationOverride), {}, {
|
|
5138
5139
|
defaultValue: defaultValue,
|
|
@@ -5177,9 +5178,9 @@ function _slicedToArray(arr, i) {
|
|
|
5177
5178
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
5178
5179
|
}
|
|
5179
5180
|
|
|
5180
|
-
function ownKeys$
|
|
5181
|
+
function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
5181
5182
|
|
|
5182
|
-
function _objectSpread$
|
|
5183
|
+
function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
5183
5184
|
function useTranslation(ns) {
|
|
5184
5185
|
var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
5185
5186
|
var i18nFromProps = props.i18n;
|
|
@@ -5207,7 +5208,7 @@ function useTranslation(ns) {
|
|
|
5207
5208
|
|
|
5208
5209
|
if (i18n.options.react && i18n.options.react.wait !== undefined) warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
|
|
5209
5210
|
|
|
5210
|
-
var i18nOptions = _objectSpread$
|
|
5211
|
+
var i18nOptions = _objectSpread$b(_objectSpread$b(_objectSpread$b({}, getDefaults()), i18n.options.react), props);
|
|
5211
5212
|
|
|
5212
5213
|
var useSuspense = i18nOptions.useSuspense,
|
|
5213
5214
|
keyPrefix = i18nOptions.keyPrefix;
|
|
@@ -5283,6 +5284,8 @@ var common = {
|
|
|
5283
5284
|
var titles = {
|
|
5284
5285
|
field_one: "Field",
|
|
5285
5286
|
field_other: "Fields",
|
|
5287
|
+
fieldWithCount_one: "{{count}} field",
|
|
5288
|
+
fieldWithCount_other: "{{count}} fields",
|
|
5286
5289
|
addField: "Add new field",
|
|
5287
5290
|
editField: "Edit field",
|
|
5288
5291
|
deleteField: "Delete field?",
|
|
@@ -5488,6 +5491,13 @@ var DEFAULT_FIELD_STATE_TAXONOMY = {
|
|
|
5488
5491
|
};
|
|
5489
5492
|
var ALL_KINDS = ramda.values(KINDS);
|
|
5490
5493
|
|
|
5494
|
+
var isDateTime = function isDateTime(kind) {
|
|
5495
|
+
return ["date", "time", "date_range", "time_range", "datetime"].includes(kind);
|
|
5496
|
+
};
|
|
5497
|
+
var isDropdown$1 = function isDropdown(kind) {
|
|
5498
|
+
return ["single_option", "multi_option"].includes(kind);
|
|
5499
|
+
};
|
|
5500
|
+
|
|
5491
5501
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
|
|
5492
5502
|
try {
|
|
5493
5503
|
var info = gen[key](arg);
|
|
@@ -5873,7 +5883,7 @@ var dayjs_min = {exports: {}};
|
|
|
5873
5883
|
dayjs_min.exports;
|
|
5874
5884
|
|
|
5875
5885
|
(function (module, exports) {
|
|
5876
|
-
!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",
|
|
5886
|
+
!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return b.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return b.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O}));
|
|
5877
5887
|
} (dayjs_min, dayjs_min.exports));
|
|
5878
5888
|
|
|
5879
5889
|
var dayjs_minExports = dayjs_min.exports;
|
|
@@ -6035,9 +6045,9 @@ var dateTimeToString = function dateTimeToString(dateTime) {
|
|
|
6035
6045
|
return dateTime && dayjs(dateTime).toString() || "";
|
|
6036
6046
|
};
|
|
6037
6047
|
|
|
6038
|
-
var _excluded$
|
|
6039
|
-
function ownKeys$
|
|
6040
|
-
function _objectSpread$
|
|
6048
|
+
var _excluded$4 = ["name", "id", "kind", "data", "individualSubmit", "formRef", "formRefs", "disabled", "isRequiredColumnName"];
|
|
6049
|
+
function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6050
|
+
function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6041
6051
|
var useFormikFields = function useFormikFields(_ref) {
|
|
6042
6052
|
var name = _ref.name,
|
|
6043
6053
|
fieldId = _ref.id,
|
|
@@ -6049,7 +6059,7 @@ var useFormikFields = function useFormikFields(_ref) {
|
|
|
6049
6059
|
disabled = _ref.disabled,
|
|
6050
6060
|
_ref$isRequiredColumn = _ref.isRequiredColumnName,
|
|
6051
6061
|
isRequiredColumnName = _ref$isRequiredColumn === void 0 ? "isRequired" : _ref$isRequiredColumn,
|
|
6052
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
6062
|
+
props = _objectWithoutProperties(_ref, _excluded$4);
|
|
6053
6063
|
var formikContext = formik.useFormikContext();
|
|
6054
6064
|
var submitForm = formikContext.submitForm,
|
|
6055
6065
|
dirty = formikContext.dirty,
|
|
@@ -6091,7 +6101,6 @@ var useFormikFields = function useFormikFields(_ref) {
|
|
|
6091
6101
|
}
|
|
6092
6102
|
return value || "";
|
|
6093
6103
|
};
|
|
6094
|
-
var isDropdown = ["single_option", "multi_option"].includes(kind);
|
|
6095
6104
|
React.useEffect(function () {
|
|
6096
6105
|
if (isSubmitting && !meta.touched) {
|
|
6097
6106
|
helpers.setTouched(true);
|
|
@@ -6100,15 +6109,17 @@ var useFormikFields = function useFormikFields(_ref) {
|
|
|
6100
6109
|
return {
|
|
6101
6110
|
dirty: dirty,
|
|
6102
6111
|
handleSubmit: handleSubmit,
|
|
6103
|
-
fieldProps: _objectSpread$
|
|
6112
|
+
fieldProps: _objectSpread$a(_objectSpread$a({}, formikFieldProps), {}, {
|
|
6104
6113
|
error: individualSubmit ? meta.error : meta.touched && meta.error,
|
|
6105
|
-
options: isDropdown ? buildOptionsToLabelAndValue(fieldData) : undefined,
|
|
6106
6114
|
value: getValueForField(formikFieldProps.value),
|
|
6107
6115
|
label: pure.capitalize(name),
|
|
6108
6116
|
labelProps: {
|
|
6109
6117
|
required: props[isRequiredColumnName]
|
|
6110
6118
|
},
|
|
6111
|
-
disabled: disabled
|
|
6119
|
+
disabled: disabled,
|
|
6120
|
+
//conditional props
|
|
6121
|
+
options: isDropdown$1(kind) ? buildOptionsToLabelAndValue(fieldData) : undefined,
|
|
6122
|
+
getPopupContainer: isDateTime(kind) ? ramda.prop("parentElement") : undefined
|
|
6112
6123
|
})
|
|
6113
6124
|
};
|
|
6114
6125
|
};
|
|
@@ -6130,28 +6141,25 @@ var DateOrTime = function DateOrTime(props) {
|
|
|
6130
6141
|
var _useFormikFields = useFormikFields(props),
|
|
6131
6142
|
handleSubmit = _useFormikFields.handleSubmit,
|
|
6132
6143
|
fieldProps = _useFormikFields.fieldProps;
|
|
6144
|
+
var handleChange = function handleChange(dateTime) {
|
|
6145
|
+
return handleSubmit(dateTimeToString(dateTime));
|
|
6146
|
+
};
|
|
6133
6147
|
if (props.kind === KINDS.time) {
|
|
6134
6148
|
return /*#__PURE__*/React__default["default"].createElement(neetoui.TimePicker, _extends({}, fieldProps, {
|
|
6135
6149
|
use12Hours: true,
|
|
6136
6150
|
format: "h:mm A",
|
|
6137
|
-
onChange:
|
|
6138
|
-
return handleSubmit(dateTimeToString(dateTime));
|
|
6139
|
-
}
|
|
6151
|
+
onChange: handleChange
|
|
6140
6152
|
}));
|
|
6141
6153
|
} else if (props.kind === KINDS.date) {
|
|
6142
6154
|
return /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends({}, fieldProps, {
|
|
6143
|
-
onChange:
|
|
6144
|
-
return handleSubmit(dateTimeToString(dateTime));
|
|
6145
|
-
}
|
|
6155
|
+
onChange: handleChange
|
|
6146
6156
|
}));
|
|
6147
6157
|
}
|
|
6148
6158
|
return /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends({
|
|
6149
6159
|
showTime: true,
|
|
6150
6160
|
timeFormat: "h:mm A"
|
|
6151
6161
|
}, fieldProps, {
|
|
6152
|
-
onChange:
|
|
6153
|
-
return handleSubmit(dateTimeToString(dateTime));
|
|
6154
|
-
}
|
|
6162
|
+
onChange: handleChange
|
|
6155
6163
|
}));
|
|
6156
6164
|
};
|
|
6157
6165
|
|
|
@@ -6268,8 +6276,8 @@ var TextArea = function TextArea(props) {
|
|
|
6268
6276
|
}));
|
|
6269
6277
|
};
|
|
6270
6278
|
|
|
6271
|
-
function ownKeys$
|
|
6272
|
-
function _objectSpread$
|
|
6279
|
+
function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6280
|
+
function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6273
6281
|
var standardComponents = {
|
|
6274
6282
|
text: Text,
|
|
6275
6283
|
regex: Text,
|
|
@@ -6320,7 +6328,7 @@ var transformValues = function transformValues(_ref2) {
|
|
|
6320
6328
|
delete allFieldValues[fieldPath];
|
|
6321
6329
|
});
|
|
6322
6330
|
var cleanedFieldValues = ramda.pipe(removeItemsWithNullData, removeNoiseFromValues)(neetoFieldValues);
|
|
6323
|
-
return _objectSpread$
|
|
6331
|
+
return _objectSpread$9(_objectSpread$9({}, allFieldValues), {}, {
|
|
6324
6332
|
fieldValuesAttributes: cleanedFieldValues
|
|
6325
6333
|
});
|
|
6326
6334
|
};
|
|
@@ -6383,8 +6391,8 @@ var neetoFieldsUtils = {
|
|
|
6383
6391
|
transformValues: transformValues
|
|
6384
6392
|
};
|
|
6385
6393
|
|
|
6386
|
-
function ownKeys$
|
|
6387
|
-
function _objectSpread$
|
|
6394
|
+
function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6395
|
+
function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6388
6396
|
var FieldInputs = function FieldInputs(_ref) {
|
|
6389
6397
|
var _ref$customComponents = _ref.customComponents,
|
|
6390
6398
|
customComponents = _ref$customComponents === void 0 ? {} : _ref$customComponents,
|
|
@@ -6402,7 +6410,7 @@ var FieldInputs = function FieldInputs(_ref) {
|
|
|
6402
6410
|
if (Field) {
|
|
6403
6411
|
return /*#__PURE__*/React__default["default"].createElement(Field, _extends({
|
|
6404
6412
|
key: field.id
|
|
6405
|
-
}, _objectSpread$
|
|
6413
|
+
}, _objectSpread$8(_objectSpread$8({}, field), {}, {
|
|
6406
6414
|
formRef: formRef,
|
|
6407
6415
|
disabled: disabled,
|
|
6408
6416
|
isRequiredColumnName: isRequiredColumnName
|
|
@@ -6423,28 +6431,8 @@ var FIELD_URL = "".concat(NEETO_FIELDS_URL, "/fields/:fieldId");
|
|
|
6423
6431
|
var DEPENDENCIES_URL = "".concat(NEETO_FIELDS_URL, "/fields/:fieldId/dependencies");
|
|
6424
6432
|
var FIELDS_REORDER_URL = "".concat(FIELDS_URL, "/reorder");
|
|
6425
6433
|
var CONFIGS_URL = "".concat(NEETO_FIELDS_URL, "/configs");
|
|
6426
|
-
var SINGULAR = {
|
|
6427
|
-
count: 1
|
|
6428
|
-
};
|
|
6429
|
-
var PLURAL = {
|
|
6430
|
-
count: 2
|
|
6431
|
-
};
|
|
6432
6434
|
var INFO_ICON_SIZE = 16;
|
|
6433
6435
|
|
|
6434
|
-
var TitleWithHelpLink = function TitleWithHelpLink(_ref) {
|
|
6435
|
-
var title = _ref.title,
|
|
6436
|
-
helpUrl = _ref.helpUrl;
|
|
6437
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6438
|
-
className: "flex items-center gap-x-1"
|
|
6439
|
-
}, title, helpUrl && /*#__PURE__*/React__default["default"].createElement("a", {
|
|
6440
|
-
href: helpUrl,
|
|
6441
|
-
rel: "noreferrer",
|
|
6442
|
-
target: "_blank"
|
|
6443
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Info, {
|
|
6444
|
-
size: INFO_ICON_SIZE
|
|
6445
|
-
})));
|
|
6446
|
-
};
|
|
6447
|
-
|
|
6448
6436
|
var fieldUrl = function fieldUrl(fieldId) {
|
|
6449
6437
|
return utils.buildUrl(FIELD_URL, {
|
|
6450
6438
|
fieldId: fieldId
|
|
@@ -6525,8 +6513,8 @@ var QUERY_KEYS = {
|
|
|
6525
6513
|
};
|
|
6526
6514
|
var DEFAULT_STALE_TIME = 3600000; // 1 hour
|
|
6527
6515
|
|
|
6528
|
-
function ownKeys$
|
|
6529
|
-
function _objectSpread$
|
|
6516
|
+
function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6517
|
+
function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6530
6518
|
var FIELDS = QUERY_KEYS.FIELDS,
|
|
6531
6519
|
DEPENDENCIES = QUERY_KEYS.DEPENDENCIES;
|
|
6532
6520
|
var useFetchFields = function useFetchFields(_ref, options) {
|
|
@@ -6543,13 +6531,13 @@ var useFetchFields = function useFetchFields(_ref, options) {
|
|
|
6543
6531
|
state: state,
|
|
6544
6532
|
searchTerm: searchTerm
|
|
6545
6533
|
});
|
|
6546
|
-
}, _objectSpread$
|
|
6534
|
+
}, _objectSpread$7({
|
|
6547
6535
|
staleTime: DEFAULT_STALE_TIME
|
|
6548
6536
|
}, options));
|
|
6549
6537
|
};
|
|
6550
6538
|
var useCreateField = function useCreateField(options) {
|
|
6551
6539
|
var queryClient = reactQuery.useQueryClient();
|
|
6552
|
-
return reactQuery.useMutation(fieldsApi.create, _objectSpread$
|
|
6540
|
+
return reactQuery.useMutation(fieldsApi.create, _objectSpread$7(_objectSpread$7({}, options), {}, {
|
|
6553
6541
|
onSuccess: function onSuccess() {
|
|
6554
6542
|
var _options$onSuccess;
|
|
6555
6543
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
@@ -6583,7 +6571,7 @@ var useFetchDependencies = function useFetchDependencies(_ref3, options) {
|
|
|
6583
6571
|
};
|
|
6584
6572
|
var useUpdateField = function useUpdateField(options) {
|
|
6585
6573
|
var queryClient = reactQuery.useQueryClient();
|
|
6586
|
-
return reactQuery.useMutation(fieldsApi.update, _objectSpread$
|
|
6574
|
+
return reactQuery.useMutation(fieldsApi.update, _objectSpread$7(_objectSpread$7({}, options), {}, {
|
|
6587
6575
|
onSuccess: function onSuccess() {
|
|
6588
6576
|
var _options$onSuccess2;
|
|
6589
6577
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
@@ -6596,7 +6584,7 @@ var useUpdateField = function useUpdateField(options) {
|
|
|
6596
6584
|
};
|
|
6597
6585
|
var useDestroyField = function useDestroyField(options) {
|
|
6598
6586
|
var queryClient = reactQuery.useQueryClient();
|
|
6599
|
-
return reactQuery.useMutation(fieldsApi.destroy, _objectSpread$
|
|
6587
|
+
return reactQuery.useMutation(fieldsApi.destroy, _objectSpread$7(_objectSpread$7({}, options), {}, {
|
|
6600
6588
|
onSuccess: function onSuccess() {
|
|
6601
6589
|
var _options$onSuccess3;
|
|
6602
6590
|
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
@@ -6616,11 +6604,11 @@ var useReorderFields = function useReorderFields() {
|
|
|
6616
6604
|
});
|
|
6617
6605
|
};
|
|
6618
6606
|
|
|
6619
|
-
function ownKeys$
|
|
6620
|
-
function _objectSpread$
|
|
6607
|
+
function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6608
|
+
function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6621
6609
|
var arrangeOptionsDisplayOrder = function arrangeOptionsDisplayOrder(options) {
|
|
6622
6610
|
return options.map(function (option, index) {
|
|
6623
|
-
return _objectSpread$
|
|
6611
|
+
return _objectSpread$6(_objectSpread$6({}, option), {}, {
|
|
6624
6612
|
displayOrder: index
|
|
6625
6613
|
});
|
|
6626
6614
|
});
|
|
@@ -6635,7 +6623,7 @@ var buildPayload = function buildPayload(_ref) {
|
|
|
6635
6623
|
var name = formValues.name.trim();
|
|
6636
6624
|
return {
|
|
6637
6625
|
ownerId: ramda.isEmpty(ownerId) ? undefined : ownerId,
|
|
6638
|
-
field: _objectSpread$
|
|
6626
|
+
field: _objectSpread$6(_objectSpread$6({}, ramda.omit(["createdAt", "id", "ownerId", "ownerType", "updatedAt"], formValues)), {}, {
|
|
6639
6627
|
kind: kind,
|
|
6640
6628
|
name: name,
|
|
6641
6629
|
resourceType: ramda.isEmpty(resourceType) ? undefined : resourceType,
|
|
@@ -6662,7 +6650,7 @@ var getPermittedKinds = function getPermittedKinds(_ref2) {
|
|
|
6662
6650
|
return permittedKinds;
|
|
6663
6651
|
};
|
|
6664
6652
|
var generateValidationSchema = function generateValidationSchema(additionalValidations) {
|
|
6665
|
-
return yup__namespace.object().shape(_objectSpread$
|
|
6653
|
+
return yup__namespace.object().shape(_objectSpread$6(_objectSpread$6({}, BASIC_FIELD_FORM_VALIDATIONS), additionalValidations));
|
|
6666
6654
|
};
|
|
6667
6655
|
var renderFormFooter = function renderFormFooter(_ref3) {
|
|
6668
6656
|
var onClose = _ref3.onClose,
|
|
@@ -6961,9 +6949,9 @@ var FieldForm = function FieldForm(_ref) {
|
|
|
6961
6949
|
}, t("labels.isRequired"))), children));
|
|
6962
6950
|
};
|
|
6963
6951
|
|
|
6964
|
-
var _excluded$
|
|
6965
|
-
function ownKeys$
|
|
6966
|
-
function _objectSpread$
|
|
6952
|
+
var _excluded$3 = ["resourceType", "allowedKinds", "ownerId", "additionalValidations", "initialValues", "onClose", "onMutationSuccess"];
|
|
6953
|
+
function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6954
|
+
function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6967
6955
|
|
|
6968
6956
|
/** @type {React.FC<import("types").AddProps>} */
|
|
6969
6957
|
|
|
@@ -6976,7 +6964,7 @@ var Add = function Add(_ref) {
|
|
|
6976
6964
|
initialValues = _ref.initialValues,
|
|
6977
6965
|
onClose = _ref.onClose,
|
|
6978
6966
|
onMutationSuccess = _ref.onMutationSuccess,
|
|
6979
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
6967
|
+
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
6980
6968
|
var _useTranslation = useTranslation(),
|
|
6981
6969
|
t = _useTranslation.t;
|
|
6982
6970
|
var _useCreateField = useCreateField({
|
|
@@ -7000,7 +6988,7 @@ var Add = function Add(_ref) {
|
|
|
7000
6988
|
style: "h2"
|
|
7001
6989
|
}, t("titles.addField"))), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
|
|
7002
6990
|
formikProps: {
|
|
7003
|
-
initialValues: _objectSpread$
|
|
6991
|
+
initialValues: _objectSpread$5(_objectSpread$5({}, initialValues), INITIAL_FIELDS),
|
|
7004
6992
|
validationSchema: generateValidationSchema(additionalValidations),
|
|
7005
6993
|
onSubmit: handleSubmit
|
|
7006
6994
|
}
|
|
@@ -7018,9 +7006,9 @@ var Add = function Add(_ref) {
|
|
|
7018
7006
|
}));
|
|
7019
7007
|
};
|
|
7020
7008
|
|
|
7021
|
-
var _excluded$
|
|
7022
|
-
function ownKeys$
|
|
7023
|
-
function _objectSpread$
|
|
7009
|
+
var _excluded$2 = ["fieldId", "allowedKinds", "ownerId", "additionalValidations", "initialValues", "onClose", "onMutationSuccess"];
|
|
7010
|
+
function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7011
|
+
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7024
7012
|
|
|
7025
7013
|
/** @type {React.FC<import("types").EditProps>} */
|
|
7026
7014
|
|
|
@@ -7035,7 +7023,7 @@ var Edit = function Edit(_ref) {
|
|
|
7035
7023
|
initialValues = _ref$initialValues === void 0 ? {} : _ref$initialValues,
|
|
7036
7024
|
onClose = _ref.onClose,
|
|
7037
7025
|
onMutationSuccess = _ref.onMutationSuccess,
|
|
7038
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
7026
|
+
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
7039
7027
|
var _useTranslation = useTranslation(),
|
|
7040
7028
|
t = _useTranslation.t;
|
|
7041
7029
|
var _useShowField = useShowField({
|
|
@@ -7073,7 +7061,7 @@ var Edit = function Edit(_ref) {
|
|
|
7073
7061
|
style: "h2"
|
|
7074
7062
|
}, t("titles.editField"))), isLoading ? /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null) : /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
|
|
7075
7063
|
formikProps: {
|
|
7076
|
-
initialValues: _objectSpread$
|
|
7064
|
+
initialValues: _objectSpread$4(_objectSpread$4({}, initialValues), ramda.assoc("kind", FIELD_KINDS[field.kind], field)),
|
|
7077
7065
|
validationSchema: generateValidationSchema(additionalValidations),
|
|
7078
7066
|
enableReinitialize: true,
|
|
7079
7067
|
onSubmit: handleSubmit
|
|
@@ -7097,7 +7085,7 @@ var Edit = function Edit(_ref) {
|
|
|
7097
7085
|
}));
|
|
7098
7086
|
};
|
|
7099
7087
|
|
|
7100
|
-
var _excluded = ["isOpen", "selectedField"];
|
|
7088
|
+
var _excluded$1 = ["isOpen", "selectedField"];
|
|
7101
7089
|
|
|
7102
7090
|
/** @type {React.FC<import("types").FieldsPaneProps>} */
|
|
7103
7091
|
|
|
@@ -7105,7 +7093,7 @@ var FieldsPane = function FieldsPane(_ref) {
|
|
|
7105
7093
|
var isOpen = _ref.isOpen,
|
|
7106
7094
|
_ref$selectedField = _ref.selectedField,
|
|
7107
7095
|
selectedField = _ref$selectedField === void 0 ? {} : _ref$selectedField,
|
|
7108
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
7096
|
+
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
7109
7097
|
return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
|
|
7110
7098
|
isOpen: isOpen,
|
|
7111
7099
|
onClose: props.onClose
|
|
@@ -7634,6 +7622,7 @@ var buildDefaultColumns = function buildDefaultColumns(_ref) {
|
|
|
7634
7622
|
key: "name",
|
|
7635
7623
|
dataIndex: "name",
|
|
7636
7624
|
title: t$1("titles.fieldName"),
|
|
7625
|
+
width: "30%",
|
|
7637
7626
|
render: function render(name, field) {
|
|
7638
7627
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7639
7628
|
className: "flex items-center justify-between gap-x-3"
|
|
@@ -7665,7 +7654,8 @@ var buildDefaultColumns = function buildDefaultColumns(_ref) {
|
|
|
7665
7654
|
title: t$1("titles.fieldKind"),
|
|
7666
7655
|
render: function render(kind) {
|
|
7667
7656
|
return DISPLAY_KINDS[kind];
|
|
7668
|
-
}
|
|
7657
|
+
},
|
|
7658
|
+
width: "30%"
|
|
7669
7659
|
}, {
|
|
7670
7660
|
key: "isRequired",
|
|
7671
7661
|
dataIndex: "isRequired",
|
|
@@ -7806,16 +7796,16 @@ var configsApi = {
|
|
|
7806
7796
|
fetchConfigs: fetchConfigs
|
|
7807
7797
|
};
|
|
7808
7798
|
|
|
7809
|
-
function ownKeys$
|
|
7810
|
-
function _objectSpread$
|
|
7799
|
+
function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7800
|
+
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7811
7801
|
var useFetchConfigs = function useFetchConfigs(options) {
|
|
7812
|
-
return reactQuery.useQuery([QUERY_KEYS.CONFIGS], configsApi.fetchConfigs, _objectSpread$
|
|
7802
|
+
return reactQuery.useQuery([QUERY_KEYS.CONFIGS], configsApi.fetchConfigs, _objectSpread$3({
|
|
7813
7803
|
staleTime: DEFAULT_STALE_TIME
|
|
7814
7804
|
}, options));
|
|
7815
7805
|
};
|
|
7816
7806
|
|
|
7817
|
-
function ownKeys$
|
|
7818
|
-
function _objectSpread$
|
|
7807
|
+
function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7808
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7819
7809
|
var useFieldsDashboard = function useFieldsDashboard(_ref) {
|
|
7820
7810
|
var buildColumnData = _ref.buildColumnData,
|
|
7821
7811
|
isOwnerBased = _ref.isOwnerBased,
|
|
@@ -7828,26 +7818,22 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
|
|
|
7828
7818
|
_useState2 = _slicedToArray(_useState, 2),
|
|
7829
7819
|
isPaneOpen = _useState2[0],
|
|
7830
7820
|
setIsPaneOpen = _useState2[1];
|
|
7831
|
-
var _useState3 = React.useState(
|
|
7821
|
+
var _useState3 = React.useState(false),
|
|
7832
7822
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
7833
|
-
|
|
7834
|
-
|
|
7823
|
+
isDeleteAlertOpen = _useState4[0],
|
|
7824
|
+
setIsDeleteAlertOpen = _useState4[1];
|
|
7835
7825
|
var _useState5 = React.useState(false),
|
|
7836
7826
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
7837
|
-
|
|
7838
|
-
|
|
7839
|
-
var _useState7 = React.useState(
|
|
7827
|
+
isReorderPaneOpen = _useState6[0],
|
|
7828
|
+
setIsReorderPaneOpen = _useState6[1];
|
|
7829
|
+
var _useState7 = React.useState({}),
|
|
7840
7830
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
7841
|
-
|
|
7842
|
-
|
|
7843
|
-
var _useState9 = React.useState(
|
|
7831
|
+
selectedField = _useState8[0],
|
|
7832
|
+
setSelectedField = _useState8[1];
|
|
7833
|
+
var _useState9 = React.useState(""),
|
|
7844
7834
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
7845
|
-
|
|
7846
|
-
|
|
7847
|
-
var _useState11 = React.useState(""),
|
|
7848
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
|
7849
|
-
searchTerm = _useState12[0],
|
|
7850
|
-
setSearchTerm = _useState12[1];
|
|
7835
|
+
searchTerm = _useState10[0],
|
|
7836
|
+
setSearchTerm = _useState10[1];
|
|
7851
7837
|
var debouncedSearchTerm = reactUtils.useDebounce(searchTerm.trim());
|
|
7852
7838
|
var history = reactRouterDom.useHistory();
|
|
7853
7839
|
var _useTranslation = useTranslation(),
|
|
@@ -7885,7 +7871,7 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
|
|
|
7885
7871
|
inactiveFieldsCount = _useFetchFields$data2.inactiveFieldsCount,
|
|
7886
7872
|
isFieldsLoading = _useFetchFields.isLoading,
|
|
7887
7873
|
isFieldsFetching = _useFetchFields.isFetching;
|
|
7888
|
-
var _useFetchFields2 = useFetchFields(_objectSpread$
|
|
7874
|
+
var _useFetchFields2 = useFetchFields(_objectSpread$2(_objectSpread$2({}, fieldParams), {}, {
|
|
7889
7875
|
state: FIELD_STATES.active,
|
|
7890
7876
|
searchTerm: ""
|
|
7891
7877
|
}), {
|
|
@@ -7938,7 +7924,7 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
|
|
|
7938
7924
|
defaultColumns: defaultColumns
|
|
7939
7925
|
});
|
|
7940
7926
|
var handleBlockClick = function handleBlockClick(params) {
|
|
7941
|
-
return reactUtils.handleMetaClick(history, utils.buildUrl("", _objectSpread$
|
|
7927
|
+
return reactUtils.handleMetaClick(history, utils.buildUrl("", _objectSpread$2({
|
|
7942
7928
|
resource: resource,
|
|
7943
7929
|
state: state
|
|
7944
7930
|
}, params)));
|
|
@@ -8012,8 +7998,6 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
|
|
|
8012
7998
|
return {
|
|
8013
7999
|
isPaneOpen: isPaneOpen,
|
|
8014
8000
|
setIsPaneOpen: setIsPaneOpen,
|
|
8015
|
-
isMenuBarOpen: isMenuBarOpen,
|
|
8016
|
-
setIsMenuBarOpen: setIsMenuBarOpen,
|
|
8017
8001
|
isDeleteAlertOpen: isDeleteAlertOpen,
|
|
8018
8002
|
isReorderPaneOpen: isReorderPaneOpen,
|
|
8019
8003
|
setIsReorderPaneOpen: setIsReorderPaneOpen,
|
|
@@ -8115,6 +8099,83 @@ var FieldsTable = function FieldsTable(_ref) {
|
|
|
8115
8099
|
}));
|
|
8116
8100
|
};
|
|
8117
8101
|
|
|
8102
|
+
var TitleWithHelpLink = function TitleWithHelpLink(_ref) {
|
|
8103
|
+
var title = _ref.title,
|
|
8104
|
+
helpUrl = _ref.helpUrl;
|
|
8105
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8106
|
+
className: "flex items-center gap-x-1"
|
|
8107
|
+
}, title, helpUrl && /*#__PURE__*/React__default["default"].createElement("a", {
|
|
8108
|
+
href: helpUrl,
|
|
8109
|
+
rel: "noreferrer",
|
|
8110
|
+
target: "_blank"
|
|
8111
|
+
}, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Info, {
|
|
8112
|
+
size: INFO_ICON_SIZE
|
|
8113
|
+
})));
|
|
8114
|
+
};
|
|
8115
|
+
|
|
8116
|
+
// eslint-disable-next-line @bigbinary/neeto/no-dumb-components-with-use-translation
|
|
8117
|
+
var ActionBlock = function ActionBlock(_ref) {
|
|
8118
|
+
var selectedState = _ref.selectedState,
|
|
8119
|
+
allFields = _ref.allFields,
|
|
8120
|
+
setIsReorderPaneOpen = _ref.setIsReorderPaneOpen,
|
|
8121
|
+
setIsPaneOpen = _ref.setIsPaneOpen;
|
|
8122
|
+
var _useTranslation = useTranslation(),
|
|
8123
|
+
t = _useTranslation.t;
|
|
8124
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8125
|
+
className: "flex flex-shrink-0 items-center gap-3"
|
|
8126
|
+
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
|
|
8127
|
+
"data-cy": "neeto-fields-reorder-button",
|
|
8128
|
+
label: t("labels.reorder"),
|
|
8129
|
+
style: "secondary",
|
|
8130
|
+
disabled: selectedState === FIELD_STATES.inactive || !pure.existsBy({
|
|
8131
|
+
isSystem: false,
|
|
8132
|
+
state: "active"
|
|
8133
|
+
}, allFields),
|
|
8134
|
+
onClick: function onClick() {
|
|
8135
|
+
return setIsReorderPaneOpen(true);
|
|
8136
|
+
}
|
|
8137
|
+
}), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
|
|
8138
|
+
"data-cy": "neeto-fields-add-button",
|
|
8139
|
+
label: t("labels.addField"),
|
|
8140
|
+
onClick: function onClick() {
|
|
8141
|
+
return setIsPaneOpen(true);
|
|
8142
|
+
}
|
|
8143
|
+
}));
|
|
8144
|
+
};
|
|
8145
|
+
|
|
8146
|
+
var _excluded = ["searchProps", "breadcrumbs", "title", "helpDocUrl"];
|
|
8147
|
+
var Header = function Header(_ref) {
|
|
8148
|
+
var searchProps = _ref.searchProps,
|
|
8149
|
+
breadcrumbs = _ref.breadcrumbs,
|
|
8150
|
+
title = _ref.title,
|
|
8151
|
+
helpDocUrl = _ref.helpDocUrl,
|
|
8152
|
+
actionBlockProps = _objectWithoutProperties(_ref, _excluded);
|
|
8153
|
+
return /*#__PURE__*/React__default["default"].createElement(NeetoUIHeader__default["default"], {
|
|
8154
|
+
size: "small",
|
|
8155
|
+
searchProps: searchProps,
|
|
8156
|
+
actionBlock: /*#__PURE__*/React__default["default"].createElement(ActionBlock, actionBlockProps),
|
|
8157
|
+
breadcrumbs: [].concat(_toConsumableArray(breadcrumbs), [{
|
|
8158
|
+
text: pure.truncate(title, 50)
|
|
8159
|
+
}]),
|
|
8160
|
+
title: /*#__PURE__*/React__default["default"].createElement(TitleWithHelpLink, {
|
|
8161
|
+
helpUrl: helpDocUrl,
|
|
8162
|
+
title: title
|
|
8163
|
+
})
|
|
8164
|
+
});
|
|
8165
|
+
};
|
|
8166
|
+
|
|
8167
|
+
var Menubar = function Menubar(_ref) {
|
|
8168
|
+
var isConfigsLoading = _ref.isConfigsLoading,
|
|
8169
|
+
menuBarItems = _ref.menuBarItems,
|
|
8170
|
+
title = _ref.title;
|
|
8171
|
+
return /*#__PURE__*/React__default["default"].createElement(MenuBar__default["default"], {
|
|
8172
|
+
showMenu: true,
|
|
8173
|
+
title: title
|
|
8174
|
+
}, isConfigsLoading ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
8175
|
+
className: "flex items-center justify-center"
|
|
8176
|
+
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null)) : menuBarItems);
|
|
8177
|
+
};
|
|
8178
|
+
|
|
8118
8179
|
function useCombinedRefs() {
|
|
8119
8180
|
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
8120
8181
|
refs[_key] = arguments[_key];
|
|
@@ -12471,8 +12532,21 @@ var ReorderPane = function ReorderPane(_ref) {
|
|
|
12471
12532
|
})));
|
|
12472
12533
|
};
|
|
12473
12534
|
|
|
12474
|
-
|
|
12475
|
-
|
|
12535
|
+
// eslint-disable-next-line @bigbinary/neeto/no-dumb-components-with-use-translation
|
|
12536
|
+
var Subheader = function Subheader(_ref) {
|
|
12537
|
+
var count = _ref.count;
|
|
12538
|
+
var _useTranslation = useTranslation(),
|
|
12539
|
+
t = _useTranslation.t;
|
|
12540
|
+
return /*#__PURE__*/React__default["default"].createElement(NeetoUISubHeader__default["default"], {
|
|
12541
|
+
leftActionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
12542
|
+
className: "neeto-ui-gray-800 mr-4 font-semibold",
|
|
12543
|
+
"data-cy": "neeto-fields-subheader-text",
|
|
12544
|
+
style: "h4"
|
|
12545
|
+
}, t("titles.fieldWithCount", {
|
|
12546
|
+
count: count
|
|
12547
|
+
}))
|
|
12548
|
+
});
|
|
12549
|
+
};
|
|
12476
12550
|
|
|
12477
12551
|
/** @type {React.FC<import("types").FieldsDashboardProps>} */
|
|
12478
12552
|
|
|
@@ -12505,7 +12579,7 @@ var FieldsDashboard = function FieldsDashboard(_ref) {
|
|
|
12505
12579
|
resources = _ref.resources;
|
|
12506
12580
|
var _useTranslation = useTranslation(),
|
|
12507
12581
|
t = _useTranslation.t;
|
|
12508
|
-
var title = pure.capitalize(headerTitle || t("titles.field", PLURAL));
|
|
12582
|
+
var title = pure.capitalize(headerTitle || t("titles.field", constants.PLURAL));
|
|
12509
12583
|
var _useFieldsDashboard = useFieldsDashboard({
|
|
12510
12584
|
buildColumnData: buildColumnData,
|
|
12511
12585
|
isOwnerBased: isOwnerBased,
|
|
@@ -12517,8 +12591,6 @@ var FieldsDashboard = function FieldsDashboard(_ref) {
|
|
|
12517
12591
|
}),
|
|
12518
12592
|
isPaneOpen = _useFieldsDashboard.isPaneOpen,
|
|
12519
12593
|
setIsPaneOpen = _useFieldsDashboard.setIsPaneOpen,
|
|
12520
|
-
isMenuBarOpen = _useFieldsDashboard.isMenuBarOpen,
|
|
12521
|
-
setIsMenuBarOpen = _useFieldsDashboard.setIsMenuBarOpen,
|
|
12522
12594
|
isDeleteAlertOpen = _useFieldsDashboard.isDeleteAlertOpen,
|
|
12523
12595
|
isReorderPaneOpen = _useFieldsDashboard.isReorderPaneOpen,
|
|
12524
12596
|
setIsReorderPaneOpen = _useFieldsDashboard.setIsReorderPaneOpen,
|
|
@@ -12545,51 +12617,25 @@ var FieldsDashboard = function FieldsDashboard(_ref) {
|
|
|
12545
12617
|
menuBarItems = _useFieldsDashboard.menuBarItems,
|
|
12546
12618
|
allFields = _useFieldsDashboard.allFields,
|
|
12547
12619
|
headerDisplayTitle = _useFieldsDashboard.headerDisplayTitle;
|
|
12548
|
-
|
|
12549
|
-
|
|
12620
|
+
var headerProps = {
|
|
12621
|
+
allFields: allFields,
|
|
12622
|
+
breadcrumbs: breadcrumbs,
|
|
12623
|
+
helpDocUrl: helpDocUrl,
|
|
12624
|
+
searchProps: searchProps,
|
|
12625
|
+
selectedState: selectedState,
|
|
12626
|
+
setIsPaneOpen: setIsPaneOpen,
|
|
12627
|
+
setIsReorderPaneOpen: setIsReorderPaneOpen,
|
|
12628
|
+
title: headerDisplayTitle
|
|
12629
|
+
};
|
|
12630
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isMenuBarNeeded && /*#__PURE__*/React__default["default"].createElement(Menubar, {
|
|
12631
|
+
isConfigsLoading: isConfigsLoading,
|
|
12632
|
+
menuBarItems: menuBarItems,
|
|
12550
12633
|
title: title
|
|
12551
|
-
},
|
|
12552
|
-
className: "flex items-center justify-center"
|
|
12553
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null)) : menuBarItems), isScreenLoading && ramda.isEmpty(fields) ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
12634
|
+
}), isScreenLoading && ramda.isEmpty(fields) ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
12554
12635
|
className: "flex h-screen w-full flex-grow items-center justify-center"
|
|
12555
|
-
}, /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null)) : /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(
|
|
12556
|
-
|
|
12557
|
-
},
|
|
12558
|
-
menuBarToggle: function menuBarToggle() {
|
|
12559
|
-
return setIsMenuBarOpen(ramda.not);
|
|
12560
|
-
}
|
|
12561
|
-
}), {}, {
|
|
12562
|
-
searchProps: searchProps
|
|
12563
|
-
}), {
|
|
12564
|
-
actionBlock: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
|
|
12565
|
-
"data-cy": "neeto-fields-reorder-button",
|
|
12566
|
-
label: t("labels.reorder"),
|
|
12567
|
-
style: "secondary",
|
|
12568
|
-
disabled: selectedState === FIELD_STATES.inactive || !pure.existsBy({
|
|
12569
|
-
isSystem: false,
|
|
12570
|
-
state: "active"
|
|
12571
|
-
}, allFields),
|
|
12572
|
-
onClick: function onClick() {
|
|
12573
|
-
return setIsReorderPaneOpen(true);
|
|
12574
|
-
}
|
|
12575
|
-
})), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
|
|
12576
|
-
"data-cy": "neeto-fields-add-button",
|
|
12577
|
-
label: t("labels.addField"),
|
|
12578
|
-
onClick: function onClick() {
|
|
12579
|
-
return setIsPaneOpen(true);
|
|
12580
|
-
}
|
|
12581
|
-
}))),
|
|
12582
|
-
title: /*#__PURE__*/React__default["default"].createElement(TitleWithHelpLink, {
|
|
12583
|
-
helpUrl: helpDocUrl,
|
|
12584
|
-
title: headerDisplayTitle
|
|
12585
|
-
})
|
|
12586
|
-
})), showCountSubheader && /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
|
|
12587
|
-
leftActionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
12588
|
-
className: "mr-4 font-semibold",
|
|
12589
|
-
"data-cy": "neeto-fields-subheader-text",
|
|
12590
|
-
style: "h4"
|
|
12591
|
-
}, "".concat(count, " "), t("titles.field", count > 1 ? PLURAL : SINGULAR).toLocaleLowerCase())
|
|
12592
|
-
}), showStateFilter && stateFilterTabs, /*#__PURE__*/React__default["default"].createElement(FieldsTable, {
|
|
12636
|
+
}, /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null)) : /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Header, headerProps), showStateFilter && stateFilterTabs, showCountSubheader && /*#__PURE__*/React__default["default"].createElement(Subheader, {
|
|
12637
|
+
count: count
|
|
12638
|
+
}), /*#__PURE__*/React__default["default"].createElement(FieldsTable, {
|
|
12593
12639
|
isLoading: isFieldsFetching || isFieldsLoading,
|
|
12594
12640
|
rowData: ramda.isEmpty(rowData) ? fields : rowData,
|
|
12595
12641
|
totalCount: count,
|